वेब वर्कर सीधे फ़ंक्शन क्यों नहीं कर सकता?

Question

हम इस तरह एचटीएमएल 5 में वेब कार्यकर्ता का उपयोग कर सकते हैं:

var worker = new Worker('worker.js'); 

लेकिन क्यों हम इस तरह एक समारोह फोन नहीं कर सकते हैं?

var worker = new Worker(function(){ 
    //do something 
}); 

Answer 1

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

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

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

Answer 2

डिज़ाइन वेब श्रमिकों द्वारा बहु-थ्रेडेड हैं, जावास्क्रिप्ट एकल थ्रेड किया गया है " *" एकाधिक स्क्रिप्ट एक ही समय में नहीं चल सकते हैं।

उल्लेख करने के लिए: http://www.html5rocks.com/en/tutorials/workers/basics/

Answer 3

यह सवाल before कहा गया है, लेकिन किसी कारण से, ओ पी हटाने का निर्णय लिया।
यदि कोई फ़ंक्शन से वेब कार्यकर्ता बनाने के लिए किसी विधि की आवश्यकता है, तो मैं अपना उत्तर दोबारा पोस्ट करता हूं।

---

this post में, तीन तरीके एक मनमाना स्ट्रिंग से एक वेब कार्यकर्ता बनाने के लिए दिखाया गया है। इस जवाब में, मैं तीसरी विधि का उपयोग कर रहा हूं, क्योंकि यह सभी वातावरण में समर्थित है।

एक सहायक फ़ाइल की जरूरत है:

// Create a Web Worker from a function, which fully runs in the scope of a new 
// Worker 
function spawnWorker(func) { 
    // Stringify the code. Example: (function(){/*logic*/}).call(self); 
    var code = '(' + func + ').call(self);'; 
    var worker = new Worker('Worker-helper.js'); 
    // Initialise worker 
    worker.postMessage(code); 
    return worker; 
} 

var worker = spawnWorker(function() { 
    // This function runs in the context of a separate Worker 
    self.onmessage = function(e) { 
     // Example: Throw any messages back 
     self.postMessage(e.data); 
    }; 
    // etc.. 
}); 
worker.onmessage = function() { 
    // logic ... 
}; 
worker.postMessage('Example'); 

ध्यान दें कि स्कोप सख्ती से अलग होती है:

// Worker-helper.js 
self.onmessage = function(e) { 
    self.onmessage = null; // Clean-up 
    eval(e.data); 
}; 

अपने वास्तविक कार्यकर्ता में, इस प्रकार इस सहायक फ़ाइल प्रयोग किया जाता है। चर केवल worker.postMessage और worker.onmessage का उपयोग करके पारित किया जा सकता है। सभी संदेश structured clones हैं।

Answer 4

यह उत्तर थोड़ा देर हो सकता है, लेकिन मैंने वेब श्रमिकों के उपयोग को सरल बनाने के लिए एक पुस्तकालय लिखा और यह ओपी की आवश्यकता के अनुरूप हो सकता है।इसे देखें: https://github.com/derekchiang/simple-worker

यह आप की तरह कुछ करने के लिए अनुमति देता है: बस https://github.com/zevero/worker-create

मेरे छोटे प्लगइन का उपयोग

SimpleWorker.run({ 
    func: intensiveFunction, 
    args: [123456], 
    success: function(res) { 
    // do whatever you want 
    }, 
    error: function(err) { 
    // do whatever you want 
    } 
}) 

Answer 5

और

var worker_url = Worker.create(function(e){ 
    self.postMessage('Example post from Worker'); //your code here 
}); 
var worker = new Worker(worker_url); 

Answer 6

करते हैं यह इष्टतम नहीं है और यह हो गया है टिप्पणियों में उल्लिखित, यदि आपका ब्राउज़र वेब श्रमिकों के लिए blobURLs का समर्थन करता है तो बाहरी फ़ाइल की आवश्यकता नहीं होती है। HTML5Rocks मेरी कोड के लिए inspiration था:

function sample(e) 
{ 
    postMessage(sample_dependency()); 
} 

function sample_dependency() 
{ 
    return "BlobURLs rock!"; 
} 

var blob = new Blob(["onmessage = " + sample + "\n" + sample_dependency]); 
var blobURL = window.URL.createObjectURL(blob); 
var worker = new Worker(blobURL); 

worker.onmessage = function(e) 
{ 
    console.log(e.data); 
}; 

worker.postMessage(""); 

चेतावनियां:

• ब्लॉब श्रमिकों को सफलतापूर्वक सापेक्ष URL का उपयोग नहीं होगा। HTML5Rocks लिंक इसमें शामिल है लेकिन यह मूल प्रश्न का हिस्सा नहीं था।

• लोगों ने वेब श्रमिकों के साथ ब्लॉब यूआरएल का उपयोग करके समस्याओं की सूचना दी है। मैंने आईई 11 (जो भी एफसीयू के साथ भेजा गया है), एमएस एज 41.1629 9 (पतन निर्माता का अपडेट), फ़ायरफ़ॉक्स 57, और क्रोम 62 के साथ कोशिश की है। सफारी समर्थन के लिए कोई सुराग नहीं है। जिन लोगों ने मैंने परीक्षण किया है, उन्होंने काम किया है।

• ध्यान दें कि "नमूना" और "sample_dependency" ब्लॉब निर्माता कॉल में संदर्भ परोक्ष sample.toString() और sample_dependency.toString() रूप Function.prototype.toString() फोन है, जो toString(sample) और toString(sample_dependency) बुला से बहुत अलग है।

इसे पोस्ट किया गया क्योंकि यह पहला स्टैक ओवरफ्लो है जो वेब वर्कर्स को अतिरिक्त फ़ाइल का अनुरोध किए बिना उपयोग करने के लिए खोजता है।

ज़ीवरो के उत्तर पर एक नज़र डालें और उसके रेपो में कोड समान दिखाई देता है। यदि आप एक साफ आवरण पसंद करते हैं, तो यह लगभग उसके कोड का क्या करता है।

आखिरकार - मैं यहाँ एक नोब हूं इसलिए किसी भी/सभी सुधारों की सराहना की जाती है।