在web worker中注册事件侦听器

Question

是否可以将Web工作者中的侦听器注册到'message'和'error'以外'message'事件？ 例如

addEventListener('keydown', function (e) {
  postMessage('test');
});

编辑：

据@TJCrowder说，这是不可能的。 但是，在我的情况下，我能够用消息模拟它，不知怎的样：

在工人中：

const handlers = {};

function registerKeyHandler(keycode, callback) {
  postMessage({
    type: 'REGISTER_KEY_HANDLER',
    keycode: keycode,
  });

  handlers[keycode] = handlers[keycode] || [];
  handlers[keycode].push(callback);
}

function onKeydown(keycode) {
  const hs = handlers[keycode] || [];
  hs.forEach(h => h());
}

self.onmessage = function(msg) {
  switch (msg.type) {
    case 'KEYDOWN':
      onKeydown(msg.payload.keycode);
      break;
  }
};

外：

worker.onmessage = function(msg) {
  switch (msg.type) {
    case 'REGISTER_KEY_HANDLER':
      window.addEventListener('keydown', function (e) {
        if (e.keyCode !== msg.keycode) {
          return;
        }
        worker.postMessage({
          type: 'KEYDOWN',
          keycode: msg.keycode,
        });
      });
      break;
  }
};

Answer 1

不可以。网络工作者无法访问DOM，尤其是因为

• 允许多个线程访问DOM会将基于浏览器的代码打开到一个全新的（非常棘手的）多线程错误类; 只允许主UI线程更新DOM可以避免这种情况
• 某些浏览器的DOM实现无法处理来自多个线程的访问

全局范围对象 *工作者不是一个窗口，只有Web工作者规范调用的最小特性，例如addEventListener （尽管奇怪的是只在规范中提到）， postMessage ， onmessage和onerror属性，等等

* （这是常见的，有专用 [for Worker ]和共享 [for SharedWorker ]子接口，具体取决于worker的类型）