H5的多线程如何实现Web Worker(2)-木庄网络博客

当线程发生错误的时候，它的onerror事件回调会被调用。

var worker = new Worker("test.js");
worker.onerror = function(event){
    console.log("load web worker error." + event);
}

发送JSON数据

复杂的数据就用JSON传送吧！

Web Worker中使用importScripts加载外部JS

在HTML页面中，使用 <script>

标签加载外部的JS文件，而<script>标签还支持跨域加载JS。

在Web Worker中要注意！

Worker实例化的时候必须传入一个脚本的URL，而这个URL必须是在本域下，否则会报跨域错误！ var worker = new Worker('https://localhost/worker.js');

但可以在worker.js中通过importScripts方法引入任何域下的脚本，如同HTML中的<script>标签一样。下面是合法的使用方法：

importScripts(); /* imports nothing */ importScripts(‘foo.js’); /* imports just “foo.js” */ importScripts(‘foo.js’, ‘bar.js’); /* imports two scripts */ importScripts(‘//example.com/hello.js’); /* You can import scripts from other origins */
可以利用这里的importScripts方法解决资源预加载的问题（浏览器预先加载资源，而不会对资源进行解析和执行），道理也很简单。
Scripts may be downloaded in any order, but will be executed in the order in which you pass the filenames into importScripts() . This is done synchronously; importScripts() does not return until all the scripts have been loaded and executed.
</script>