JS分线程-Web Workers

介绍

1. Web Workers是HTML5提供的一个JS多线程解决方案；
2. 作用：处理计算量比较大的代码块，避免页面冻结；
3. 子线程完全受主线程控制，且不能操作DOM。

使用

• 创建分线程JS文件（this不指向window，不能执行window的方法）

var onmessage=function(event){// 不能使用函数声明
    console.log(event.data)
    var result=dealdata(event.data)
    postMessage(result)
}
function dealdata(data){}// 处理数据函数
//alert（result）报错（因为本文件的this不指向window）
// 分线程中的全局变量不再是window，所以在分线程中不能更新DOM

• 在主线程中的js文件发消息并设置回调

 // 创建一个Worker对象并向它传递在分线程中执行的脚本的URL
var worker = new Worker('worker.js')
 // 设置回调函数接受worker文件传过来的数据
worker.onmessage = function(event){
    console.log(event.data);
};
 // 向worker文件发送数据
worker.postmessage('hello world')

缺点

1. 不能跨域加载JS；
2. worker内代码不能访问DOM（更新UI）；
3. 兼容性问题；
4. 慢（目的是不阻塞主线程，防止页面冻结）。