Javascript - 运行机制

Javascript是单线程的，这一特性也是因为Javascript的初衷是操作DOM，产生用户交互，如果存在多线程，操作DOM就会产生同步问题，为了避免复杂性，Javascript被设计为单线程的。

但我们仍然看到了一些异步特性，例如：事件响应、ajax、计时器等。实际上，这些异步任务是在一个特殊的任务队列中等待主线程执行的，当主线程空闲就从任务队列中获取可以执行的任务进行处理。而像事件响应，ajax，计时器的等异步任务都会进入任务队列，当主线程处理完执行栈时就会处理这些任务队列，当主线程处理任务队列时，也会执行相应的回调函数。

我们从如下代码中也可以看出这一机制：

var test=function(){
	var date = new Date();
	setTimeout(function(){
		console.log(1);
	},10);
	while(new Date() -date <=1000){}
}

实际上console.log并不是在10ms之后进行的，而是在test函数执行完毕后进行的。

也就是说，javascript会在处理完执行栈之后进行任务队列调度，所以下列代码其实是等价的：

var req = new XMLHttpRequest();
req.open('GET', url);    
req.onload = function (){};    
req.onerror = function (){};    
req.send();


var req = new XMLHttpRequest();
req.open('GET', url);
req.send();
req.onload = function (){};    
req.onerror = function (){};  

不论如果，send方法都会在全部语句处理完成之后进行。

也正因如此，如果我们进行大量运算，即使使用了异步任务也是无用的，都必须等待运算结束。

Worker

在HTML5中提供了worker API，可以真正的创建子线程，但所创建的子线程完全由主线程控制，而且子线程完全脱离window作用域，无法调用window/document，也就是无法进行DOM操作。但可以使用postMessage方法发布事件，主线程可以使用事件监听的方式得到message，也可以使用terminate方法停止线程。

var test = new Worker("worker-test.js");
test.onmessage = function(event) {
	console.log(event);
	test.terminate();
};