Question

我正在和WebWorkers一起玩。不知怎的，我有想法让页面的不同实例知道何时关闭另一个页面。因此，我写了一个共享工作者，它工作正常。

但是现在我想要一个专职工作者作为共享工作者的接口。因此，UI中的昂贵操作不会影响与共享工作者的持续通信。但我得到错误，没有定义SharedWorker。一个想法是使用MessageChannel，但我希望它至少在Firefox和Chrome中运行，据我所知，Firefox仍然没有MessageChannel的工作实现。

那么 - 这个问题是否有解决方法？

Answer 1

您无法在专用工作程序中创建共享工作程序对象。但是，您可以在主UI线程中创建共享工作线程，并将其端口传递给专用工作线程，以便它们可以直接通信。

例如，在主线程中创建两个worker，并将共享的port对象转移到专用：

var sharedWorker = new SharedWorker("worker-shared.js");
sharedWorker.port.start();

var dedicatedWorker = new Worker("worker-dedicated.js");
dedicatedWorker.postMessage({sharedWorkerPort: sharedWorker.port}, [sharedWorker.port]);

在共享工作线程中，您可以在此端口上发布消息：

self.onconnect = function(e) {
  var port = e.ports[0];

  self.setInterval(function() {
    port.postMessage('sent from shared worker');
  }, 1000);
};

在专注的你可以对他们作出反应

self.onmessage = function(e) {
  var sharedWorkerPort = e.data.sharedWorkerPort;
  sharedWorkerPort.onmessage = function(e) {
    console.log('received in dedicated worker', e.data);
  };
};

您可以在http://plnkr.co/edit/ljWnL7iMiCMtL92lPIAm?p=preview

看到这种情况

产生一名专职工人的共享工人

1 个答案: