zoukankan      html  css  js  c++  java
  • 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对象

    ②缺点

    .

  • 相关阅读:
    2-7
    2-6
    2-5
    2-4
    2-3
    2-1
    2-2
    1-1
    5-7
    第六章例6-1
  • 原文地址:https://www.cnblogs.com/fightjianxian/p/11980375.html
Copyright © 2011-2022 走看看