您可以使用类似于以下内容的技术https://stackoverflow.com/a/30796101/1319998 https://stackoverflow.com/a/30796101/1319998。对于每个专用工作线程,您可以创建一个共享工作线程对象,指向相同的脚本,并将其端口传递给专用工作线程。
请注意,对于相同的脚本 URL,new SharedWorker(scriptUrl)
不一定创建一个新的共享工作线程:它只是创建一个新对象,允许您与共享工作线程通信,并且仅在线程尚不存在时创建该线程本身。
例如,以下创建 2Worker
对象,每个对象创建一个单独的专用工作线程,以及 2SharedWorker
对象,总共创建一个共享工作线程。共享工作人员的端口对象被传递给专用工作人员:
var sharedWorkerA = new SharedWorker("worker-shared.js");
sharedWorkerA.port.start();
var dedicatedWorkerA = new Worker("worker-dedicated.js");
dedicatedWorkerA.postMessage({sharedWorkerPort: sharedWorkerA.port, workerName: 'A'}, [sharedWorkerA.port]);
var sharedWorkerB = new SharedWorker("worker-shared.js");
sharedWorkerB.port.start();
var dedicatedWorkerB = new Worker("worker-dedicated.js");
dedicatedWorkerB.postMessage({sharedWorkerPort: sharedWorkerB.port, workerName: 'B'}, [sharedWorkerB.port]);
然后,专门的工作人员可以在他们收到的端口对象上发布消息:
self.onmessage = function(e) {
var workerName = e.data.workerName;
var sharedWorkerPort = e.data.sharedWorkerPort;
self.setInterval(function() {
sharedWorkerPort.postMessage('sent from dedicated worker ' + workerName);
}, 2000);
};
共享工作者可以接收它们:
var num = 0;
self.onconnect = function(e) {
console.log('shared connect');
var port = e.ports[0];
port.onmessage = function(e) {
num++;
console.log('Received in shared worker: ', e.data);
console.log('Number of messaged received:', num);
};
};
我在那里添加了一些额外的代码,只是为了表明确实有一个实际的共享工作线程正在运行。你可以看到上面的工作在http://plnkr.co/edit/RcxxY2EDIcclUegC82wG?p=preview http://plnkr.co/edit/RcxxY2EDIcclUegC82wG?p=preview