🐋 👩🏾‍🤝‍👩🏼 🛤️ कॉलबैक से "नूडल्स"

हाल के विषयों के निशान के बाद, साथ ही साथ "मेरे स्टार्टअप ने शैली नहीं ली, क्योंकि यह कॉलबैक से नूडल था।"

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

तो, मान लें कि हमारे पास एक कार्य है: डेटाबेस से पुस्तकों की संख्या को अतुल्यकालिक रूप से चुनना, फिर डेटाबेस से पुस्तकों के आवश्यक स्टैक को अतुल्यकालिक रूप से चुनना, फिर डेटाबेस से अतुल्यकालिक रूप से पुस्तकों से मेटाडेटा का चयन करना और फिर यह सब एक एकल डाटासेट में कम करना और टेम्पलेट को प्रस्तुत करना। यह आमतौर पर कैसा दिखता है?

exports.processRequest = function (request, response) { db.query('SELECT COUNT(id) FROM books', function (res1) { // do something db.query('SELECT * FROM books LIMIT ' + Number(limit) + ' OFFSET' + Number(offset), function (res2) { // do something 2 db.query('SELECT * FROM bookData WHERE bookId IN (' + ids.join(', ') + ')', function (res3) { //     - dataset response.write(render(dataset)); }); }); }); }

यदि आप एक जोड़े को अधिक मध्यवर्ती कदम फेंकते हैं, तो सब कुछ बहुत खराब हो जाएगा।
अब चलो अपने आप से एक सरल प्रश्न पूछें: हमने यह नूडल क्यों लिखा है? क्या हमें वास्तव में यहां तीन नेस्टेड क्लोजर की जरूरत है?

नहीं, बिल्कुल। हमें दूसरे और पहले के क्लोजर तक पहुंचने के लिए तीसरे अनाम फ़ंक्शन से बिल्कुल कोई ज़रूरत नहीं है। थोड़ा कोड फिर से लिखें:

 exports.processRequest = function (request, response) { var dataset = {}; getBookCount(); function getBookCount () { db.query('SELECT COUNT(id) FROM books', onBookCountReady); } function onBookCountReady (res) { // ... dataset getBooks(); } function getBooks () { db.query('SELECT * FROM books LIMIT ' + dataset.limit + ' OFFSET' + dataset.offset, onBooksReady); } function onBooksReady (res) { // ...  dataset getMetaData(); } function getMetaData () { db.query('SELECT * FROM bookData WHERE bookId IN (' + dataset.ids.join(', ') + ')', onMetaDataReady); } function onMetaDataReady (res) { // ...  dataset finish(); } function finish () { response.write(render(dataset)); } }

कृपया। कोड पूरी तरह से रैखिक हो गया है, और, महत्वपूर्ण रूप से, अधिक संरचित; संपूर्ण कार्यक्रम प्रवाह आपकी आंखों के ठीक सामने है, कोड के तार्किक ब्लॉकों को अलग-अलग कार्यों से सजाया गया है। कोई रूपरेखा या मुश्किल वाक्यविन्यास। और कोई नुकसान नहीं है - अनुरोध-प्रतिक्रिया जोड़ी को संसाधित करने के संदर्भ में डेटासेट बंद है, आप गलती से अनुरोधों के बीच साझा किए गए कुछ डेटा में नहीं आ पाएंगे।

सब कुछ थोड़ा जटिल हो जाता है अगर आपको कुछ को समानांतर करने की आवश्यकता होती है। मेरे पास ऐसा कोई काम नहीं था, लेकिन अगर मेरे पास (कहते हैं, मेटाडेटा के दो सेट हैं), तो मैं इसे इस तरह हल करूंगा:

  function getMetaData () { var parallelExecutor = new ParallelExecutor({ meta1: getMetaData1, meta2: getMetaData2 }); function getMetaData1 () { db.query('smthng', onMetaData1Ready); } function getMetaData2 () { db.query('smthng', onMetaData2Ready); } function onMetaData1Ready (res) { //  dataset parallelExecutor.ready('meta1'); } function onMetaData2Ready (res) { //  dataset parallelExecutor.ready('meta2'); } parallelExecutor.start(onMetaDataReady); } function onMetaDataReady () { }

अर्थ समान है - कार्यों के एक सेट के लिए एक अलग बंद बनाने के लिए, जो आमतौर पर "नूडल्स" में संयुक्त होते हैं, और उन्हें क्रमिक रूप से चित्रित करते हैं।

ऐसा लगता है कि इस प्रारूप में, अतुल्यकालिक कॉलबैक न केवल कोड को अव्यवस्थित करते हैं, बल्कि इसके विपरीत, इसे और अधिक संरचित और पठनीय बनाते हैं।

कॉलबैक से "नूडल्स" - आसान हो

More articles: