जावास्क्रिप्ट ईएस 6 में जनरेटर के बारे में, और उनका अध्ययन करना वैकल्पिक क्यों है

जैसा कि async / प्रतीक्षा निर्माण लोकप्रियता में बढ़ता है, इसलिए इसकी आंतरिक तंत्र में रुचि है। इंटरनेट पर अफवाह फैलाने के बाद, यह पता लगाना आसान है कि async / प्रतीक्षा अच्छी तरह से ज्ञात वादों पर आधारित है, और जनरेटर, जो बहुत कम प्रसिद्ध और लोकप्रिय हैं।



सामग्री, जिसका अनुवाद आज हम प्रकाशित करते हैं, जनरेटर के लिए समर्पित है। अर्थात्, यहां हम बात करेंगे कि वे कैसे काम करते हैं, और वे कैसे, वादों के साथ मिलकर, async / प्रतीक्षा निर्माण के आंत्र में उपयोग किए जाते हैं। इस लेख के लेखक का कहना है कि जनरेटर, उनके व्यावहारिक अनुप्रयोग के लिए, मास्टर करने के लिए आवश्यक नहीं हैं। इसके अलावा, वह नोट करता है कि वह उम्मीद करता है कि पाठक वादों में थोड़ा पारंगत होगा।

इटरेटर और जेनरेटर

जावास्क्रिप्ट में, ES6 मानक की रिहाई के साथ शुरू, कई नई विशेषताएं सामने आई हैं जिनका उद्देश्य अतुल्यकालिक डेटा धाराओं और संग्रह के साथ काम को सरल बनाना है। Iterators और जनरेटर इस श्रेणी में आते हैं।

पुनरावृत्तियों की एक उल्लेखनीय विशेषता यह है कि वे एक समय में एक संग्रह आइटम तक पहुंचने का साधन प्रदान करते हैं, जबकि आप वर्तमान आइटम के पहचानकर्ता को ट्रैक करने की अनुमति देते हैं।

function makeIterator(array) {  var nextIndex = 0;  console.log("nextIndex =>", nextIndex);  return {    next: function() {      return nextIndex < array.length        ? { value: array[nextIndex++], done: false }        : { done: true };    }  }; } var it = makeIterator(["simple", "iterator"]); console.log(it.next()); // {value: 'simple, done: false} console.log(it.next()); // {value: 'iterator, done: false} console.log(it.next()); // {done: true} 

ऊपर, हम makeIterator() पास करते हैं makeIterator() तत्वों के एक जोड़े वाले एक छोटे से सरणी को कार्य करते हैं, जिसके बाद हम इसे it.next() साथ गुजरते हैं, इसे it.next() विधि कहते हैं। इटरेटर का उपयोग करके प्राप्त परिणामों का प्रदर्शन करने वाली टिप्पणियों पर ध्यान दें।

अब बात करते हैं जनरेटर की। जनरेटर वे कार्य हैं जो पुनरावृत्ति कारखानों की तरह काम करते हैं। एक साधारण उदाहरण पर विचार करें, और फिर जनरेटर से संबंधित दो तंत्रों के बारे में बात करें।

 function* sample() { yield "simple"; yield "generator"; } var it = sample(); console.log(it.next()); // {value: 'simple, done: false} console.log(it.next()); // {value: 'generator, done: false} console.log(it.next()); // {value: undefined, done: true} 

फ़ंक्शन घोषणा में तारांकन नोट करें। यह इंगित करता है कि यह फ़ंक्शन एक जनरेटर है। इसके अलावा, yield कीवर्ड पर एक नज़र डालें। यह फ़ंक्शन के निष्पादन को रोक देता है और एक निश्चित मूल्य देता है। दरअसल, ये दो विशेषताएं बहुत ही दो तंत्र हैं जिनके बारे में हमने ऊपर बात की है:

• एक जनरेटर फ़ंक्शन एक फ़ंक्शन है जिसे function कीवर्ड के बगल में या फ़ंक्शन नाम के आगे एक तारांकन का उपयोग करके घोषित किया जाता है।
• जब जनरेटर फ़ंक्शन कहा जाता है तो जनरेटर इटरेटर बनाया जाता है।

सामान्य तौर पर, उपरोक्त उदाहरण एक फैक्ट्री फ़ंक्शन के संचालन को प्रदर्शित करता है जो पुनरावृत्तियों को उत्पन्न करता है।

अब जब हमने मूल बातें समझ ली हैं, तो आइए और अधिक रोचक बातों के बारे में बात करते हैं। Iterators और जनरेटर दो दिशाओं में डेटा का आदान-प्रदान कर सकते हैं। अर्थात्, जनरेटर, yield कीवर्ड का उपयोग करते हुए, पुनरावृत्तियों के लिए मान लौटा सकते हैं, हालाँकि पुनरावृत्त भी iterator.next('someValue') पद्धति का उपयोग करके जनरेटर को डेटा भेज सकते हैं। यहाँ है कि यह कैसा दिखता है।

 function* favBeer() { const reply = yield "What is your favorite type of beer?"; console.log(reply); if (reply !== "ipa") return "No soup for you!"; return "OK, soup."; } { const it = favBeer(); const q = it.next().value; //    console.log(q); const a = it.next("lager").value; //     console.log(a); } // What is your favorite beer? // lager // No soup for you! { const it = favBeer(); const q = it.next().value; //    console.log(q); const a = it.next("ipa").value; //     console.log(a); } // What is your favorite been? // ipa // OK, soup. 

जनरेटर और वादे

अब हम इस बारे में बात कर सकते हैं कि कैसे जेनरेटर और वादे एसिंक्स / वेट निर्माण का आधार बनते हैं। कल्पना करें कि yield कीवर्ड का उपयोग करके कुछ मान वापस करने के बजाय, जनरेटर रिटर्न का वादा करता है। इस स्थिति में, जनरेटर को एक फ़ंक्शन में लपेटा जा सकता है जो जनरेटर में .next() विधि में वादे के मूल्य को हल करने और वापस करने के लिए इंतजार करेगा, जैसा कि पिछले उदाहरण में दिखाया गया है। एक लोकप्रिय पुस्तकालय है, सह , जो ऐसे कार्यों को करता है। यह इस तरह दिखता है:

 co(function* doStuff(){ var result - yield someAsyncMethod(); var another = yield anotherAsyncFunction(); }); 

परिणाम

इस सामग्री के लेखक के अनुसार, जेएस डेवलपर्स को यह जानने की जरूरत है कि जनरेटर कैसे काम करते हैं, केवल एसिंक्स / वेट डिजाइन की आंतरिक संरचना की विशेषताओं को समझने के लिए। लेकिन सीधे अपने कोड में उनका उपयोग करें इसके लायक नहीं है। जेनरेटर जावास्क्रिप्ट को फ़ंक्शन को रोकने और जब (और यदि) डेवलपर इसे आवश्यक मानता है, तो इसे वापस करने की क्षमता का परिचय देता है। अब तक, जेएस कार्यों के साथ काम करते समय, हम उम्मीद करते थे कि जब उन्हें बुलाया जाता है, तो उन्हें शुरू से अंत तक निष्पादित किया जाता है। उन्हें रोकने की क्षमता पहले से ही कुछ नई है, लेकिन यह कार्यक्षमता आसानी से एस्किंट / प्रतीक्षित निर्माण में लागू की गई है।

बेशक, कोई इस राय के साथ बहस कर सकता है। उदाहरण के लिए, जनरेटर के पक्ष में एक तर्क यह है कि यह जानना कि वे कैसे काम करते हैं, यह async / प्रतीक्षा के साथ कोड डीबगिंग के लिए उपयोगी है, क्योंकि जनरेटर इस निर्माण के अंदर छिपे हुए हैं। हालांकि, सामग्री के लेखक का मानना ​​है कि यह, फिर भी, मूल कोड में जनरेटर के उपयोग के अलावा कुछ और है।

प्रिय पाठकों! आप जनरेटर के बारे में क्या सोचते हैं? शायद आप उनके उपयोग के लिए कुछ विकल्प जानते हैं जो जेएस परियोजनाओं के कोड में उनके सीधे आवेदन को सही ठहराते हैं?

हमारे वर्चुअल सर्वर पर 10% छूट के लिए रॉयल प्रचारक कोड: