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对象

②缺点

.

猜你喜欢

转载自www.cnblogs.com/jianxian/p/11980375.html