web workers工作线程 - Aqiaoba_H5之家 - 中国HTML5教程资源分享第一站

web worker工作线程是Html5里面提出来的一个新api，对于JavaScript我们的印象是单线程执行，如果运行复杂运算的时候，页面可能就会失去响应，
是运行在后台的javascript,独立于其他脚本，创建后，会在后台执行，并不会影响浏览器对于页面的响应

方法:postMessage()用于向html页面传回一段消息，
terminate()——终止web worker并释放浏览器/计算机资源

事件:onmessage</p>

使用:直接new一个出来，接收一个指向执行的javascript代码的地址。通过worker实例的onmessage方法可以接受工作线程发送过来的响应信息
工作线程通过postMessage可以向主线程发送消息,但是注意，这里的postMessage只接受一个参数
最后工作线程创建出来，如果不用了记得把他干掉work.terminate()

示例html代码如下:

0startstop

js代码如下:

/** * Created by wwtliu on 14/8/16. */ var numDiv; var work = null; window.onload = function(){ numDiv = document.getElementById("numDiv"); document.getElementById("start").onclick = startWorker; document.getElementById("stop").onclick = function(){ if(work){ // Terminate()在以下多种情况下可以被调用： // 1. 当发送一个异常，并且构造函数产生异常。 // 2. 当产生一个异常，或者析构函数发送一个异常。 // 3. 一个静态对象的析构或构造函数发送一个异常。 // 4. 以atexit注册的函数发生异常的时候。 // 5. 当你自行编写一个异常，但实际上没有异常产生的时候。 // 6. 当调用缺省的unexpected()函数时。 work.terminate(); work = null; } } } function startWorker(){ if(work){ return; } work = new Worker("count.js"); work.onmessage = function(e){ numDiv.innerHTML = e.data; } }

工作线程代码如下:

/** * Created by wwtliu on 14/8/16. */ var countNum = 0; function count(){ postMessage(countNum); countNum++; setTimeout(count,1000); } count();