Question

SharedWorker界面代表一种特定类型的工作人员，可以从多个浏览上下文访问，例如几个窗口，iframe 甚至是工作人员。

对我而言，这听起来好像SharedWorkers应该能够直接交换消息。但是，如果我尝试从另一个SharedWorker中访问SharedWorker，即使用

var worker = new SharedWorker("path/to/file.js");

我得到了

ReferenceError：未定义SharedWorker

我只是误读了文档，还是有其他方法可以做到这一点？

Answer 1

虽然您似乎无法从共享工作程序创建共享工作程序，但您可以通过在主线程中创建共享工作程序来进行通信，并将其中的MessagePort对象传递给其他。请注意，您必须将转移列表参数中的端口包含在postMessage中：它无法复制。

例如，在主线程中创建worker，并将one的端口发送给另一个：

var myWorker1 = new SharedWorker("worker1.js");
myWorker1.port.start();

var myWorker2 = new SharedWorker("worker2.js");
myWorker2.port.start();

myWorker2.port.postMessage({worker1Port: myWorker1.port}, [myWorker1.port]);

在第一个工作人员中，您可以在端口上发送消息：

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

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

然后在第二个worker中，您可以保存传入的端口对象，并响应收到的消息。

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

  port.onmessage = function(e) {
    var worker1Port = e.data.worker1Port;
    worker1Port.onmessage = function(e) {
      console.log('received in worker 2', e.data);
    };
  };
};

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

看到这种情况

将消息从SharedWorker发送到SharedWorker

1 个答案: