Question

我有一个创建多个webworkers的脚本，这些webworkers执行一些工作并在完成后发送消息。

问题是我需要从所有这些中获取结果，然后计算最终解决方案。在其他工作中，他们计算出问题的部分解决方案，主线程使用这些部分解决方案来生成最终答案。

我怎么能等待所有这些线程完成，Javascript中是否存在类似Java中的invokeAll的内容？

或多或少，我在主线程中的内容：

var data = [];

function createWorker(i) {
    var v = new Worker('js/worker.js');
    v.postMessage(i);
    v.onmessage = function(event){
        data.push(event.data);
    };
}

for(var i = 0; i < 100; i++) {
    createWorker(i);
}

//Wait until all have finished somehow

Answer 1

收到最后一条数据后，请调用您的计算最终解决方案函数：

var data = [];

function createWorker(i) {
    var v = new Worker('js/worker.js');
    v.postMessage(i);
    v.onmessage = function(event){
        data.push(event.data);
        if (data.length === 100) {               // <====
            computeFinalSolution();              // <====
        }                                        // <====
    };
}

for(var i = 0; i < 100; i++) {
    createWorker(i);
}

显然，在您认为必要时参数化，但createWorker目前尚未参数化i，所以...

请注意data中的条目可能不符合规定。 i == 0的工作人员可能无法完成 i == 1的工作人员之后，因为线程调度的变幻莫测或工作需要更多处理。如果你需要它们，它很容易完成，但是我们必须在每次完成时添加一个计数器（或通过data循环检查）：

var data = [];
var dataReceived = 0;

function createWorker(i) {
    var v = new Worker('js/worker.js');
    v.postMessage(i);
    v.onmessage = function(event){
        data[i] = event.data;                    // <====
        if (++dataReceived === 100) {            // <====
            computeFinalSolution();              // <====
        }                                        // <====
    };
}

for(var i = 0; i < 100; i++) {
    createWorker(i);
}

如果您想要一种更现代，更灵活的方法，请考虑使用承诺，这些承诺是ES2015（又称ES6）的JavaScript原生版，并且可以在旧版JavaScript引擎上进行填充：

function createWorker(i) {
    return new Promise(function(resolve) {
        var v = new Worker('js/worker.js');
        v.postMessage(i);
        v.onmessage = function(event){
            resolve(event.data);
        };
    });
}

var promises = [];
for(var i = 0; i < 100; i++) {
    promises.push(createWorker(i));
}
Promise.all(promises)
    .then(function(data) {
        // `data` has the results, compute the final solution
    });

这也有一个好处，data将按顺序包含结果，我们不必自己做这项工作。

以上内容与您当前的代码一致，但似乎没有任何错误规定。但通常最好做错误处理：

function createWorker(i) { return new Promise(function(resolve, reject) { var v = new Worker('js/worker.js'); v.postMessage(i); v.onmessage = function(event){ // If you report errors via messages, you'd have a branch here for checking // for an error and either calling `reject` or `resolve` as appropriate. resolve(event.data); }; // EITHER: v.onerror = reject; // Rejects the promise if an error is raised by the web worker, passing along the ErrorEvent // OR: v.onerror = function(event) { // Rejects the promise using the error associated with the ErrorEvent reject(event.error); }; }); } var promises = []; for(var i = 0; i < 100; i++) { promises.push(createWorker(i)); } Promise.all(promises) .then(function(data) { // `data` has the results, compute the final solution }) .catch(function(error) { // something went wrong });

Answer 2

您可以宣传工人，然后使用Promise.all：

Promise.all(Array.from(Array(100), (x, i) => i).map(i => 
  new Promise((resolve, reject) => {
    const worker = new Worker('js/worker.js');
    worker.postMessage(i);
    worker.addEventListener('message', event => resolve(event.data));
    worker.addEventListener('error', reject);
  }))
  .then(results => ...);

等待几个网络工作者完成

2 个答案: