[UPD] Chain.js: हम एक श्रृंखला में सिंक्रोनस और एसिंक्रोनस कार्यों को जोड़ते हैं

Chain.js एक छोटी सी लाइब्रेरी है जो सिंक्रोनस और एसिंक्रोनस फ़ंक्शंस की चेन बनाने के लिए बनाई गई है। चेन का विचार आम जेएस वादों के साथ मिलने के बाद पैदा हुआ था। "वादों" की बहुत परिभाषा कहती है कि वादा एक ऑपरेशन का मूल्य है। यदि आप कुछ का आविष्कार, आविष्कार या निर्माण करना चाहते हैं, तो आपको बस इन कार्यों को श्रृंखलाबद्ध करने की कोशिश करनी चाहिए। बेशक, आप बाध्य नहीं हैं, और यह स्वाभाविक है, लेकिन मेरे लिए यह मुख्य मकसद बन गया है। इससे पहले, मैं वास्तव में बाध्यकारी वादा- संचालन के कुछ असुविधाओं के बीच आया था, हालांकि मुझे उम्मीद थी कि वे इसके साथ मेरी मदद करेंगे।

शुरुआत

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

व्यापार करने के लिए

कार्यक्रम इंटरफ़ेस के बारे में सोचने के दौरान, hain.js को 5 कार्यों की सूची मिली: 1 निर्माता और 4 विधियाँ। संपीड़ित कार्यान्वयन का आकार 2.03KB है, पूर्ण (कोई टिप्पणी नहीं ^ _ ^) कार्यान्वयन का आकार 3.15KB है। आप इन फ़ाइलों को विशेष रूप से Chain.js के लिए बने पेज पर डाउनलोड कर सकते हैं। कोई सीधा लिंक नहीं है, मुझे डर है कि मैं इसे तोड़ सकता हूं।
स्थापना तुच्छ है, अन्य लिपियों से अलग नहीं है।

<script src="js/chain.dev.js" type="text/javascript"></script> 

उसके बाद, लाइब्रेरी वैश्विक दायरे ( window , जाहिरा तौर पर) में Chain नाम के तहत उपलब्ध है। Chain नई श्रृंखला का डिजाइनर है और इसमें कॉलिंग के लिए दो मुख्य विकल्प हैं (आप स्वयं अतिरिक्त विकल्पों के बारे में सोच सकते हैं):

 var testChain = Chain(); //  var anotherChain = new Chain; 

अब हम अपनी चेन बनाने की सारी शक्ति महसूस कर सकते हैं, इसके लिए हमारे पास 3 तरीके हैं:

• .then(Function | Array.<Function>)
• .defer(Function | Array.<Function>)
• .when(Chain | Array.<Chain>)

.defer पद्धति सिंक्रोनस फ़ंक्शंस को स्वीकार करती है, .defer एसिंक्रोनस फ़ंक्शंस को स्वीकार करती है, .defer Chain ऑब्जेक्ट्स को .when है। सभी 3 विधियां Chain ऑब्जेक्ट को Chain , जिसके लिए उन्हें ( jQuery की चेनिंग की तरह) कहा जाता है। इसके अलावा, ये विधियाँ या तो एक आवश्यक तर्क या ऐसे तर्कों की एक सरणी ले सकती हैं। .defer और .defer पिछले लिंक .defer परिणाम को पहले तर्क द्वारा निर्दिष्ट फ़ंक्शन में अगले पास दिया जाता है।
एक श्रृंखला को केवल तभी निष्पादित किया जाता है जब .end विधि को .end , जो कि अंतिम पुस्तकालय विधि है।
निम्नलिखित हस्ताक्षर हैं:

• .end ([समारोह])

श्रृंखला में सभी कार्यों के पूरा होने पर समारोह को बुलाया जाएगा। फ़ंक्शन विनिर्देश वैकल्पिक है।
समझने के उदाहरण:

 var calculate = Chain(); calculate. then(function() { //      undefined return 0; }). then(function(result) { //   , result  0 return result + 5; }). then(function(result) { // result  5 return result + 10; }). end(function(result) { console.log(result); }); //  15 

उसी परिणाम के साथ एक और रिकॉर्ड:

 var calculate = new Chain; function zero() { return 0; } function plus5(num) { return num + 5; } function plus10(num) { return num + 10; } function log(result) { console.log(result); } calculate. then([zero, plus5, plus10]). end(log); //  15 

हम समान रूप से एक जैसा करते हैं:

 var calculate = Chain(); calculate. defer(function(n, done) { //     undefined, //  - ,        done(0); }). defer(function(result, done) { // result  0 //    setTimeout(function() { done(result + 5); }, 1000); }). defer(function(result, done) { // result  5 done(result + 10); }). end(function(result) { console.log(result); }); //  15 

एक ही बात, एक अलग तरीके से:

 var calculate = new Chain; function zero(n, done) { done(0); } function plus5(num, done) { setTimeout(function() { done(num + 5); }, 1000); } function plus10(num, done) { done(num + 10); } function log(result) { console.log(result); } calculate. defer([zero, plus5, plus10]). end(log); //  15 

अंत में, .when विधि का उपयोग आपके बाकी सर्किट को जोड़ने के लिए किया जाता है। .when पद्धति .when होने के बाद, पिछली श्रृंखला के लिंक के निष्पादन के परिणाम वाला एक सरणी अगले लिंक पर जाता है। एक उदाहरण:

 var five = Chain(), ten = Chain(); five.defer(function(n, done) { setTimeout(function() { done(5); }, 1000); }); ten. when(five). then(function(results) { return results[0] + 5; }); // results   [5] Chain(). when([ten, five, ten]). end(function(results) { console.log(results); }); //  [10, 5, 10] 

काम की विशेषताएं

पास की गई। चेन विधि .when समानांतर में निष्पादित किया जाता है। परिणामी सरणी में अनुक्रम संकेतित सर्किट के कनेक्शन (जोड़) के अनुक्रम के अनुरूप होगा, अंतिम उदाहरण देखें।

चेन निष्पादन की शुरुआत के बाद .end विधि में स्थानांतरित सभी कार्य श्रृंखला के पूरा होने तक प्रतीक्षा करेंगे, अर्थात, चेन दो बार लॉन्च नहीं की जाएगी। अंतिम उदाहरण में प्रत्येक फ़ंक्शन में console.log डालें। यह स्पष्ट हो जाएगा।

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

अंत

क्या यह अंत है? मैं आपकी टिप्पणियों, सुझावों, इच्छाओं का स्वागत करता हूं। आपका ध्यान देने के लिए धन्यवाद।

अद्यतन। अन्य पुस्तकालयों में समाधान के साथ तुलना

एक प्रश्न के साथ तीसरी टिप्पणी के बाद कि कैसे Chain.js अन्य पुस्तकालयों से अलग है, मेरे लिए चुप रहना असुविधाजनक हो गया। मैंने KeepYourMind से संपर्क किया और उनसे पूछा कि जब एक सरल कार्य के कार्यान्वयन में मदद करें। KeepYourMind मदद के लिए सहमत हुआ और बहुत जल्द ही प्रस्तावित समस्या का एक अनुमानित समाधान दिखा। एक उदाहरण के रूप में, निम्नलिखित कार्य प्रस्तावित किया गया था: अतुल्य रूप से हमें उस सेवा का डोमेन मिलता है जिसमें हम रुचि रखते हैं, फिर हम एक विशिष्ट पते के लिए एक लिंक उत्पन्न करते हैं, हमें इस पते पर डेटा मिलता है, और हम उपयोगकर्ता को डेटा दिखाते हैं। मोटे तौर पर इसे निम्नानुसार चित्रित करें:

• डोमेन नाम प्राप्त करें -> लिंक जनरेट करें -> डेटा प्राप्त करें -> उपयोगकर्ता को प्रदर्शित करें

उसके बाद मैंने Chain.js के लिए उदाहरण समाधान KeepYourMind को अनुकूलित किया। Github Gist पर कोड के साथ लिंक:

• उदाहरण के समाधान पर जब। जेएस और आस्थगित वस्तुओं
• चैन.जेएस पर उदाहरण समाधान

अब आप स्वयं उदाहरणों की तुलना कर सकते हैं और अपना निर्णय ले सकते हैं। यदि आप किसी अन्य लाइब्रेरी का उपयोग करके समाधान जोड़ना चाहते हैं, तो आप मुझसे संपर्क कर सकते हैं, मैं आपकी मदद करने की कोशिश करूंगा।

इसके अलावा, KeepYourMind के साथ कोड की चर्चा के दौरान, चेन का विस्तार करने के लिए विचार का जन्म हुआ। ताकि इस तरह के समाधान का उपयोग करना संभव हो सके। आपके ध्यान के लिए फिर से धन्यवाद।

अपडेट नंबर 2। विस्तार

एक छोटी चर्चा की निरंतरता में, KeepYourMind और can3p ने मुझे समझाया कि सभी वर्णित कार्यक्षमता पहले से ही मौजूद है जब पुस्तकालय। इसलिए, मैं मानता हूं कि Chain.js केवल एक साइकिल है। हालाँकि, यह सही है कि यह कार्यक्षमता प्रॉमिस / ए में तय नहीं है ।

यदि आपको लेख और लिंक में प्रस्तावित समाधानों के उदाहरण पसंद आए हैं, तो मैं आपको सलाह देता हूं कि कब , जेएस से परिचित हों , जो मैं निश्चित रूप से करूंगा। आप सभी को बहुत बहुत धन्यवाद।