html5多个worker,javascript – HTML5 / JS – 启动几个webworkers

1. How would I run several web workers? I tried a for-loop looking like that:

即使您没有在数组中跟踪它们,创建多个工作程序也没有问题.见下文.

2. How would I control that all have finished their work? (I need to reassembly the array and work with it later)

他们可以在完成后将结果发回给您.以下示例.

3. How many web workers really bring an improvement?

一段绳子有多长？ :-)答案完全取决于运行它的目标机器.如今很多人的机器上都有四个或更多核心.当然,机器也在做很多其他事情.您必须针对目标环境进行调整.

4. Is there any advanced tutorial, besides the MDN-entry?

关于网络工作者并没有太多“先进”. :-)我发现this article就足够了.

这是一个运行五名工人并观察他们完成工作的示例：

主窗口：

(function() {

var n, worker, running;

display("Starting workers...");

running = 0;

for (n = 0; n < 5; ++n) {

workers = new Worker("worker.js");

workers.onmessage = workerDone;

workers.postMessage({id: n, count: 10000});

++running;

}

function workerDone(e) {

--running;

display("Worker " + e.data.id + " is done, result: " + e.data.sum);

if (running === 0) { // <== There is no race condition here, see below

display("All workers complete");

}

}

function display(msg) {

var p = document.createElement('p');

p.innerHTML = String(msg);

document.body.appendChild(p);

}

})();

worker.js：

this.onmessage = function(e) {

var sum, n;

sum = 0;

for (n = 0; n < e.data.count; ++n) {

sum += n;

}

this.postMessage({id: e.data.id, sum: sum});

};

关于不存在的竞争条件：如果你考虑真正的先发制人线程,那么你可能会想：我可以创建一个工人,增加运行到1,然后在我创建下一个工人之前我可以得到来自第一个消息,它已经完成,减少运行到0,并错误地认为所有工人都完成了.

这在Web工作人员工作的环境中是不可能发生的.虽然欢迎环境尽快启动工作人员,并且工作人员可以在代码启动工作人员完成之前完成,但所有这一切都是排队呼叫到主JavaScript线程的workerDone函数.没有先发制人.因此我们知道在第一次调用workerDone之前,所有工作程序都已启动.因此,当运行为0时,我们知道它们都已完成.

最后说明：在上面,我使用onmessage = …来挂钩事件处理程序.当然,这意味着我只能在我正在做的对象上有一个事件处理程序.如果需要为消息事件提供多个处理程序,请使用addEventListener.所有支持Web worker的浏览器都支持addEventListener(你不必担心IE attachEvent的事情).