JS高阶---H5之Web Workers多线程

大纲：

 

 

主体：

（1）介绍

 

 

（2）案例

 

编程实现斐波那契数列的计算

递归调用实现案例：

 

 

Web Workers多线程的新标准并没有改变JS单线程的本质，分离出的子线程完全受主线程控制，且不得操作DOM，只有主线程才可以对页面进行更新操作。

 

 

（3）使用

 

①创建分线程文件

②主线程发消息并设置回调

 

 

 

 

 

（4）主线程代码

 

 

 

（5）分线程代码

 

 

 

（6）验证

 

且此时，在运算过程中，可以操作界面，不会导致界面卡死。

 

（7）小结

相关语法：
　　1、创建一个Worker对象new Worker(fileUrl);
　　2、向分线程发送消息worker.postMessage()
　　3、分线程接收
　　　　var onmessage = function(event){
　　　　　　event.data接收数据
　　　　}
　　4、分线程向主线程返回postMessage()
　　5、主线程绑定并接收worker.onmessage = function(){
　　　　event.data接收分线程返回数据
　　}

 

（8）注意

①this指向worker对象

 

②缺点

 

 

 

 

 

.