ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript-在专用工作器中生成共享工作器

2019-10-11 14:38:06  阅读:248  来源: 互联网

标签:javascript web-worker


我在玩WebWorkers.我以某种方式想出一个页面的不同实例何时关闭另一个实例的信息.因此,我写了一个共享工作者,它工作正常.

但是现在,我希望有一个专用工作人员充当共享工作人员的接口.因此,UI中昂贵的操作不会影响与Shared Worker的持续通信.
但是我得到了错误,未定义SharedWorker.一种想法是使用MessageChannel,但我希望它至少在Firefox和Chrome中运行,据我所知,Firefox仍然没有MessageChannel的有效实现.

所以-有解决此问题的方法吗?

解决方法:

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

例如,在主线程中创建两个工作器,并将共享的端口对象转移到专用端口:

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看到此功能

标签:javascript,web-worker
来源: https://codeday.me/bug/20191011/1893490.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有