使用WebWorker

Web Worker是浏览器模拟了“线程”的方式在后台运行脚本。线程可以执行任务而不干扰用户主进程，也就是不影响页面，比如不会卡住。

Web Worker中不能处理大多数DOM和BOM
Web Worker通过消息机制和主线程通讯
Web Worker内的全局对象作用域仅限于其本身
Web Worker与主线程之间的对象传递是使用深拷贝的方式
Web Worker与主线程还可以通过转让所有权(参考资料5)来传递数据
Web Worker还可以创建子线程SubWorker
Web Worker可以被主线程关闭,也可以自我关闭
Web Worker也可以引入外部脚本
Web Worker启动有较高的时间和空间成本

专用worker

创建一个新的worker很简单。调用Worker() 的构造器，指定一个脚本的URI来执行worker线程（main.js）：

var myWorker = new Worker('worker.js');

通过postMessage() 方法和onmessage事件处理函数生效。向一个worker发送消息需要这样做（main.js）：

first.onchange = function() {
  myWorker.postMessage([first.value,second.value]);
  console.log('Message posted to worker');
}

onmessage = function(e) {
  console.log('Message received from main script');
  var workerResult = 'Result: ' + (e.data[0] * e.data[1]);
  console.log('Posting message back to main script');
  postMessage(workerResult);
}

myWorker.onmessage = function(e) {
  result.textContent = e.data;
  console.log('Message received from worker');
}