web worker

Posted zhq195

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了web worker相关的知识,希望对你有一定的参考价值。

主线程:

var worker = new Worker(‘work.js‘);    //新建一个 Worker 线程

//监听worker线程消息
worker.onmessage = function (event) {
  console.log(‘Received message ‘ + event.data);
}
//给worker线程发消息
worker.postMessage(‘Work done!‘);

worker线程:

//监听主线程的消息
addEventListener(‘message‘, function (e) {
  postMessage(‘You said: ‘ + e.data);  //给主线程发消息
}, false);

详细使用教程:http://www.ruanyifeng.com/blog/2018/07/web-worker.html

以上是关于web worker的主要内容,如果未能解决你的问题,请参考以下文章

谷歌加载web workers问题

Web Worker 多线程

如何使用webpack在web worker中导入wasm?

Web Worker Best Practices

Web Worker Best Practices

即使文件路径无效,web worker 构造函数也不会失败