javascript - 多个 JavaScript worker

Question

好的，所以我正在编写一个代码，其中我启动了 5 个 worker ，他们都睡了 0-10 秒的随机时间，然后他们返回他们睡了多长时间。当所有 worker 都睡完后，经理将其输出到 html

到目前为止，我已经让我的 5 个 worker 随机 sleep ，但不知道如何处理对经理的多重响应。获取随机数的 worker.js 方法，为该随机数休眠然后发送它休眠了多长时间manager.js(下)

window.onload = function(){
var w1= new Worker("worker.js");
var w2= new Worker("worker.js");
var w3= new Worker("worker.js");
var w4= new Worker("worker.js");
var w5= new Worker("worker.js");

var worker = [w1,w2, w3, w4, w5]

for (i =0; i < worker.length; i++){

worker[i].postMessage("sleep");

    worker[i].onmessage = function(event) {
         ndate = new Date();
         message = ndate + " Worker says " + event.data;
         document.getElementById("output").innerHTML = message;
         }
}


}

此代码有 5 个工作人员，但消息是来自最后一个工作人员的消息。所以我的问题是如何在管理器中收集这 5 条消息，等待所有 5 条消息然后发送到 html？

Answer 1

考虑到您对其他答案的回应，这应该可行。

window.onload = function(){

    var w1= new Worker("worker.js");
    var w2= new Worker("worker.js");
    var w3= new Worker("worker.js");
    var w4= new Worker("worker.js");
    var w5= new Worker("worker.js");

    var worker = [w1,w2, w3, w4, w5];

    var wokenUp = 0;
    var allMessages = "";

    for (i =0; i < worker.length; i++){

        worker[i].onmessage = function(event) {
            ndate = new Date();
            message = ndate + " Worker says " + event.data;

            allMessages += message;
            wokenUp++;

            if (wokenUp == worker.length){
                document.getElementById("output").innerHTML = allMessages;
            }
         }

        worker[i].postMessage("sleep");
    }
}