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条目之外还有其他高级教程吗？

关于网络工作者并没有太多“先进”。 :-)我发现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});
};

关于不存在的竞争条件：如果您考虑真正的先发制人线程，那么您可能会想：我可以创建一个工作人员，将running增加到1，以及然后在我创建下一个工作人员之前，我可以从第一个工作人员那里得到消息，将running递减到0，并错误地认为所有工人都已完成。

在Web工作人员工作的环境中不可能发生这种情况。虽然欢迎环境尽快启动工作人员，并且工作人员可以在代码启动工作人员完成之前完成，但所有工作都是 queue 对主JavaScript线程的workerDone函数的调用。没有先发制人。因此，我们知道在第一次调用workerDone之前，所有工作人员都已启动。因此，当running为0时，我们知道它们都已完成。

最后注意事项：在上面，我使用onmessage = ...来连接事件处理程序。当然，这意味着我只能在我正在做的对象上有一个事件处理程序。如果您需要为message事件设置多个处理程序，请使用addEventListener。所有支持Web工作者的浏览器都支持addEventListener（您不必担心IE attachEvent）。

Answer 2

stiller_leser。如果您仍然处理该问题，请查看ng-vkthread插件。它允许您实现并行计算技术，您正在尝试在项目中进行开发。使用此插件，您可以同时在多个线程中执行多个功能。

可以直接在主线程中定义函数，也可以从外部javascript文件调用函数。

功能可以是：

常规功能
对象的方法
具有依赖关系的函数
具有上下文的功能
匿名函数

基本用法：

/* function to execute in a thread */
function foo(str) {
    return str.toUpper();
}

function bar(str) {
    return str.toUpper();
}

// to execute these 2 functions in 2 threads: //

/* create objects, which you pass to vkThread as an argument*/
var param1 = {
      fn: foo,
      args: ['hello']
  };
var param2 = {
      fn: bar,
      args: ['world']
  }

/* run thread */
vkThread.execAll([param1,param2]).then(
  function (data) {
    $scope.repos = data[0] + ' ' + data[1]; // <-- HELLO WORLD
  }
);

示例和API文档：http://www.eslinstructor.net/ng-vkthread/demo/

希望这有帮助，

- 瓦迪姆

HTML5 / JS - 启动几个webworkers

2 个答案: