क्रॉस वेबवर्कर और वादा

यदि आपको वास्तव में WebHorker को XMLHttpRequest के साथ मिलाने की आवश्यकता है, तो यह किसी भी फ़ंक्शन के साथ इसे पार करने का समय है, और उसी समय ईएस 6 वादों के साथ सौदा करें।

लक्ष्य इस तरह से करना सीखना है:
new PromiseWorker(array => array.sort()).Invoke([3,2,1]).then(result => console.log(result));
(इसके बाद, तीर का उपयोग संक्षिप्तता के लिए किया जाता है)



जैसा कि आप जानते हैं, एक श्रमिक बनाने का सही तरीका फ़ाइल पथ को एकमात्र पैरामीटर के रूप में पारित करना है: new Worker("/JS/worker.js") । ऑन्समेस हैंडलर को लटकाएं, पोस्टमेजेज को कॉल करें और वर्कर फाइल में एक समान स्टाइल से चिपके रहें। मेरी राय में, यह एक फ़ंक्शन के लिए पूरी फ़ाइल बनाने के लिए बहुत बोल्ड है, और ईवेंट हैंडलर्स के साथ खिलवाड़ करना अब कम नहीं है। अच्छी बात यह है कि बूँद और वादे पहले ही उल्लेख किए गए हैं।

सबसे पहले, आपको कार्यकर्ता को इनपुट फ़ंक्शन को स्वीकार्य रूप में बदलने की आवश्यकता है:

 var FnToWorker = fn => { var workerBody = "self.addEventListener('message'," + "function (d) {" + "var result;" + "try {" + "result = (" + fn.toString() + ")(d.data.Data);" + "self.postMessage({ Result: result, Id: d.data.Id });" + "} catch (e) {" + "self.postMessage({ Error: e, Id: d.data.Id });" + "}" + "});" var worker = new Worker(URL.createObjectURL(new Blob([workerBody]))); return worker; } 

हां, एक घृणित स्ट्रिंग संयोजन है, fn.toString () और अन्य भयानक चीजें ... मुख्य बात यह है कि आप इस कोड को एक बार लिख सकते हैं और इसके बारे में भूल सकते हैं।
जैसा कि टिप्पणियों में कहा गया है, यह निर्माण कुछ प्रतिबंध लगाता है: फ़ंक्शन में बाहरी निर्भरताएं नहीं होनी चाहिए (बंद चर, श्रमिकों के लिए विंडो ऑब्जेक्ट्स की अनुमति नहीं है), क्योंकि वे श्रमिक धागे से सुलभ नहीं होंगे। सिस्टम फ़ंक्शंस का उपयोग करके बनाए गए फ़ंक्शंस (उदाहरण के लिए, Function.prototype.bind) का उपयोग श्रमिकों में नहीं किया जा सकता है क्योंकि fn.toString () फ़ंक्शन के शरीर को वापस नहीं करेगा।

यह वही है जो इनवोक दिखेगा:

 var promises = []; //  var Invoke = data => { var message = { Data: data, Id: performance.now() }; //   Id,     var p = new Promise((resolve, reject) => { promises[message.Id] = { resolve: resolve, reject: reject }; }); worker.postMessage(message); //  return p; } 

वादा का उपयोग करना मुश्किल नहीं है: हम निर्माणकर्ता को दो तर्कों का एक समारोह पास करते हैं: समाधान और अस्वीकार। ये ऐसे कार्य हैं जिन्हें क्रमशः सफल और असफल होने पर कॉल करने की आवश्यकता होगी। हमारे मामले में, कार्यकर्ता के काम करने के बाद उन्हें बुलाया जाएगा:

 var OnMessage = data => { if (data.data.Error) { promises[data.data.Id].reject(data.data.Result); } else { promises[data.data.Id].resolve(data.data.Result); } promises[data.data.Id] = undefined; } 

खैर, यह इस विधानसभा की तरह दिखेगा: http://jsfiddle.net/sXJ4M/1/

बेशक, यह कल्पना करना कठिन है कि आप ऑनलाइन स्टोर में श्रमिकों का उपयोग कहां कर सकते हैं, लेकिन वे बड़े और जटिल अनुप्रयोगों में बहुत मदद करते हैं।