HTML5/JS - 启动几个webworkers

Question

我正在编写一个程序,我必须处理大型数组.然而,我可以拆分这些数组.我现在的计划是,在不同的Web工作者中处理数组.然而,我从未与他们合作,并且有几个问题:

1.我如何运营几个网络工作者？我试着看起来像这样的for循环:

for(i = 0; i < eD.threads; i++){
    //start workers here 
    var worker = new Worker("js/worker/imageValues.js");
    worker.postMessage(brightness, cD.pixels[i]);
}

在这里我得到错误,无法克隆该对象.这看似合乎逻辑.我想将它们保存在数组中会更好吗？

2.我如何控制所有人都完成了他们的工作？(我需要重新组装数组并稍后使用它)

3.有多少网络工作者真正带来了改进？

4.除了MDN条目之外,还有其他高级教程吗？

谢谢!

Answer 1

1.我如何运营几个网络工作者？我试着看起来像这样的for循环:

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

2.我如何控制所有人都完成了他们的工作？(我需要重新组装数组并稍后使用它)

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

3.有多少网络工作者真正带来了改进？

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

4.除了MDN条目之外,还有其他高级教程吗？

关于网络工作者并没有太多"先进".:-)我发现这篇文章已经足够了.

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

主窗口:

(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});
};

关于不存在的竞争条件:如果您考虑真正的先发制人线程,那么您可能会想:我可以创建一个工作者,running增加到1,然后在创建下一个工作者之前我可以从中获取消息,它的完成,递减第一个running到0,误以为所有的工人来完成.

这在Web工作人员工作的环境中是不可能发生的.虽然欢迎环境尽快启动工作人员,并且工作人员可以在代码启动工作人员完成之前完成,但所有这一切都是排队呼叫到workerDone主JavaScript线程的函数.没有先发制人.所以我们知道所有工人在第一次打电话之前就已经开始了workerDone.因此,当running是0的,我们知道他们都完成了.

最后的注意事项:在上面,我onmessage = ...用来连接事件处理程序.当然,这意味着我只能在我正在做的对象上有一个事件处理程序.如果您需要为message事件提供多个处理程序,请使用addEventListener.所有支持Web worker的浏览器都支持addEventListener它们(你不必担心IE的attachEvent事情).