WebWorker的importScripts方法

时间:2022-05-04
本文章向大家介绍WebWorker的importScripts方法,主要内容包括简述、其他、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。

简述

  在《JavaScript高级程序设计(第三版)》中,提到WebWorker的importScripts方法是异步执行的,然而在

另一本书《Javascript权威指南》中,却说importScripts是一个同步方法,两者矛盾,故私底下测试一番,发现

该方法确实是同步执行,待所有js问价解析执行完毕再执行后续代码。

  另外,importScripts方法是可以嵌套执行的。

  如:

  index.html:

    <script>
        var w = new Worker("worker1.js");
        w.onmessage = function(e){
            console.log(e.data)
        }
        w.postMessage("from index ...")
    </script>

  work1.js:

  importScripts("t1.js");
  console.log("worker1.js");
  onmessage = function(e){
      console.log(e.data)
  }

  t1.js:

    importScripts("t2.js")
    console.log("this is the t1.js ...")
    

  t2.js:

    console.log("this is the t2.js ...")

  返回结果:

    this is the t2.js ... 
    this is the t1.js ...
    worker1.js
    from index ...  

其他

  worker线程,同步运行代码,当worker线程并没有绑定onmessage事件处理程序并且没有其他异步回调或者定时器外,代码执行完毕就销毁该线程。如果线程没有onmessage,但是有异步回调,则等待回调执行。