web worker多线程

什么是webworker？

Web Worker技术填补了Javascript中一直所缺少的多线程技术，我们都知道在html中，dom渲染和js脚本执行都是单一的线程，这样，在执行比较耗时的方法时，会阻塞当前线程的执行。效果就是当前浏览器无响应，如按钮失效等。那么，如果使用web worker就会解决这类问题。

我们把计算工作大的方法放到worker.js文件中，前端通过postmessage方法发送消息给worker线程，让worker进行执行，直到worker线程工作完毕返回结果。
上代码：

// work.js

function calx(n){
 do sth

return x；

}

onmessage = function(e){

var result = calx(e.data)

postMessage(result)

}


//前台获取
var wk = new Worker('worker.js');
wk.onmessage = function(e){
console.log(e.data)
wk.postMessage(1)
}

这里创建的worker对象中注册的onmessage回调函数和worker.js中的是不同的，这是在其执行完毕后响应。最后调用worker对象的postMessage方法发送结果。

这样就解决了计算过程中阻塞问题。