H5---Web Workers多线程

Web Workers是HTML5提供的一个JavaScript多线程解决方案

我们可以将一些大计算量的代码交由web worker运行而不是冻结用户界面

但是子线程完全受主线程控制，且不得操作DOM
所以，这个新标准并没有改变JavaScript单线程的本质

var number = 10;
// 创建一个worker对象
var worker = new Worker('worker.js');

// 绑定接收消息的监听
worker.onmessage = function(event) {
	// 4. 主线程接收分线程返回的数据
}

// 1. 主线程向分线程发送信息
worker.postMessage(number);

worker.js:

var onmessage = function(event) {
	//  2. 分线程接收到主线程发送的数据
	var number = event.data;
	// 分线程操作数据
	var result = .......;
	// 3. 分线程将结果返回给主线程
	postMessage(result);
	// 分线程中的全局对象不再是window，所以在分线程中不可能更新界面
}

H5---Web Workers多线程

悦读