javascript web workers如何传递参数？

Question

找到了我的一些问题的答案，html5网络工作者！

通过使用这个基本示例，我如何将参数传递给web worker？

Worker.js的内容：

function doSomething() {
    postMessage( ' done');
}
setTimeout ( "doSomething()", 3000 );

js代码：

 var worker = new Worker('worker.js');
  worker.onmessage = function (event) {
    alert(event.data);
  };

Answer 1

如您所见，worker-to-main和main-to-worker消息的机制是相同的。

• 用于发送消息的postMessage方法
• 用于定义接收消息的处理程序的onmessage成员

在主脚本中：

worker.postMessage(data);

在worker脚本中：

self.addEventListener("message", function(e) {
    // the passed-in data is available via e.data
}, false);

..。或者只是..。

onmessage = function(e) {
    // the passed-in data is available via e.data
};

可能数据必须是字符串...(Firefox支持传入兼容3.5+的对象)

Answer 2

 var worker = new Worker(window.App.baseUrl + '/Scripts/signature/GetCurrenProductWorker.js');
                    worker.postMessage(window.App.baseUrl)


    var _base_url = ''
        var xhr = new XMLHttpRequest();
        onmessage = function (e) {
            _base_url = e.data
            xhr.open("GET", _base_url + "/api/product/Get");
            xhr.onload = function () {
                postMessage(xhr.responseText);
            };
            xhr.send();

        };

这对我来说很有效