श्रमिकों (वेब-श्रमिकों) से फ़ंक्शन कॉल का अनुकूलन

मैं प्रतिष्ठित खब्रोसोकोमुनिटी का स्वागत करता हूं, और इस सामूहिक खुफिया बैंक में योगदान के रूप में
- मैं श्रमिकों के साथ काम करने में अपने अनुभव को साझा करना चाहता हूं।

श्रमिक (वेब-श्रमिक), एक तकनीक जो आपको एक अलग थ्रेड में कोड के अलग-अलग वर्गों को चलाने की अनुमति देती है। कार्यकर्ता का कोड GUI को धीमा नहीं करता है, और पृष्ठ पर कोड की तुलना में तेजी से चलता है, जो श्रमिकों को ड्राइंग ग्राफिक्स या क्रिप्टोग्राफी जैसे गणना की मांग के लिए बहुत आकर्षक बनाता है।

कौन अभी तक इस तकनीक से नहीं मिला है - यहां आप इसके मूल से परिचित हो सकते हैं।

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

आमतौर पर, अगर हमारे कार्यकर्ता में केवल एक कार्य है, तो हम बस लिखते हैं:

बाहर (पेज कोड में):

var worker = new Worker("myscript.js"); worker.onmessage (event.data){workerallback(event.data);} function workerallback(data){ /*do something with data object;*/} worker.postMessage({some:"some"}); 

अंदर (कार्यकर्ता कोड में):

 onmessage = function (event) {postMessage(mySingleFunction(event.data));} 

अब तक, सब कुछ सरल और सुरुचिपूर्ण है।

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

बाहर:

 function firstFunctionallback(data){ /*do something with data object;*/} function secondFunctionallback(data){ } worker.onmessage (msg){ if(msg.data.callback == "firstFunctionallback"){ firstFunctionallback(msg.data.result); } if(msg.data.callback == "secondFunctionallback"){ firstFunctionallback(msg.data.result); } } worker.postMessage({functionName: "firstFunction", data: data); 

अंदर:

 onmessage = function (event) { var functionName = event.data.functionName; if(functionName == "firstFinction"){ postMessage({callback: "firstFunctionallback", result: firstFinction(event.data.data)}); } if(functionName == "secondFunction"){ postMessage({callback: "secondFunctionallback", result: secondFunction(event.data.data)}); } ... } 

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

इससे बचने के लिए, कार्यकर्ता को एक वस्तु में लपेटा जा सकता है जो इस काम को करेगा।

हम ऐसे ऑब्जेक्ट को क्रमशः परफॉर्मर कहते हैं, और इसे बाहरी कोड में रखते हैं:

 function Performer(scriptSource) { var worker = new Worker(scriptSource), callbacks = {}, nextRequestId = 0; this.perform = function(functionName, params, callback) { callbacks["request_" + (++nextRequestId)] = callback; worker.postMessage( {functionName: functionName, params: params, requestId: nextRequestId} ); } worker.onmessage = function(msg) { callbacks["request_" + msg.data.requestId](msg.data.result); delete callbacks["request_" + msg.data.requestId]; } } 

कार्यकर्ता के आंतरिक कोड में, बाहरी संदेश हैंडलर बदलें:

 onmessage = function (event) { var requestId = event.data.requestId; var workerFunction = eval(event.data.functionName); var params = event.data.params; var result = workerFunction(params); postMessage({result: result, requestId: requestId}); } 

अब, आप कार्यकर्ता को कोई भी कार्य जोड़ सकते हैं, और उन्हें बाहर से कॉल कर सकते हैं, सहायक कोड लिखे बिना, और कॉलबैक में अनाम कार्यों का भी उपयोग कर सकते हैं:

 var performer = new Performer("myscript.js"); performer.perform("firstFunction", {some: "some"}, function(result){console.log("result1="+result);}); performer.perform("secondFunction", {some: "some"}, function(result){console.log("result2="+result);}); 

यदि कार्यकर्ता एक अलग स्क्रिप्ट फ़ाइल में स्थित नहीं है, लेकिन पृष्ठ में एम्बेडेड है,
उसके बाद क्रॉस-ब्राउजर अंतरों को कलाकार कोड में ध्यान में रखा जाना चाहिए।

उनके विचार से, कर्ता को आरम्भ करने के लिए जिम्मेदार कर्ता का भाग कुछ इस प्रकार दिखाई देगा:

 function Performer(scriptText) { var worker = null; try {// Firefox var Url = window.webkitURL || window.URL; worker = new Worker(Url.createObjectURL(new Blob([ scriptText ]))); } catch (browserNotSupportWindowUrl) { try {// Chrome worker = new Worker('data:application/javascript,' + encodeURIComponent(scriptText)); } catch (browserNotSupportWorkers) {// Opera eval(scriptText); worker = { postMessage : function(data) { var workerFunction = eval(data.functionName); worker.onmessage({ data : { result : workerFunction(data.params), requestId : data.requestId } }); } }; } } ... } 

और निर्माण, क्रमशः, निम्नानुसार है:

 var performer = new Performer($('#myscript').text()); 

इस प्रकार, यहां तक ​​कि उन ब्राउज़रों में भी जो श्रमिकों का समर्थन नहीं करते हैं, कार्यकर्ता कोड अभी भी निष्पादित करेगा, बस धीमा।

UPD: एक आमंत्रण के लिए अज्ञात लाभार्थी को धन्यवाद)।