web worker基本使用

前言

js是单线程 即所有任务只能在一个线程中完成。
Web Worker是为js创造多线程环境 
Worker 线程一旦新建成功，就会始终运行，
不会被主线程上的活动（比如用户点击按钮、提交表单）打断。
这样有利于随时响应主线程的通信。但是，这也造成了 Worker 比较耗费资源，
不应该过度使用，而且一旦使用完毕，就应该关闭

基本用法

主线程中new的方式调用Worker()构造函数，
新建一个 Worker 线程并传入线程文件地址
var worker = new Worker('work.js');

通过postMessage向子线程发送数据
通过监听message事件接收子线程发回来的消息
worket.postMessage({name:'jn'})
worker.addEventListener('message',function(e){
    ...e.data
})
worker完成任务后 主线程需要将其关闭
worker.terminate();

worker.js:
    子线程中一样的监听message事件 获取信息，
    通过postMessage发送信息
    this.addEventListener('message',function(e){
        ...e.data
        
        this.postMessage({result:111})
    })
    
    子线程中可使用self代表当前子线程 
    等同于上面的this
        self.addEventListener('message',function(e){
            ...
        })
        
子线程内也可关闭线程 
self.close()

子线程中通过importScripts引入其他脚本
    importScripts('./a.js')

错误监听

主线程中可监听错误事件
worker.addEventListener('error',function(e){
    
})

http://www.ruanyifeng.com/blog/2018/07/web-worker.html