3

是否可以从 Web Worker 调用 Shared Worker？

你能给我一个例子吗？

就我而言，我有一些网络工作者，我需要在他们之间共享一个单例服务。

4

2 回答 2

6

您可以使用类似于https://stackoverflow.com/a/30796101/1319998的技术。对于每个专用工作人员，您可以创建一个共享工作人员对象，指向同一个脚本，并将其端口传递给专用工作人员。

请注意，对于相同的脚本 URL，new SharedWorker(scriptUrl)不一定会创建新的共享工作线程：它只是创建一个允许您与共享工作线程通信的新对象，并且仅在它不存在时创建线程本身。

例如，以下创建 2 个Worker对象，每个对象创建一个单独的专用工作线程，以及 2 个SharedWorker对象，总共创建一个共享工作线程。共享工作者的端口对象被传递给专用工作者：

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/RcxxY2EDIClUegC82wG?p=preview看到上述工作

于 2015-06-14T15:44:41.743 回答
3

SharedWorker构造函数当前在 中不可用，WorkerGlobalScope因此您将无法像在 iframe 或窗口中那样构造实例。

您可以做的是，为您的每个工作人员创建一个MessageChannel，并使用它在工作人员和 sharedWorker 之间进行通信。尽管这样做会消除对实际的需求SharedWorker，因为您也可以使用单个Worker来代替。

例子：

var numWorkers = 4;
var sharedWorker = new Worker("worker-shared.js");

for(var i = 0; i < numWorkers; i++) {
  var dedicatedWorker = new Worker("worker-dedicated.js");
  var channel = new MessageChannel();
  dedicatedWorker.postMessage({sharedWorkerPort: channel.port1}, [channel.port1]);
  sharedWorker.postMessage({workerPort: channel.port2}, [channel.port2]);
}

演示

于 2015-06-14T15:34:40.913 回答