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();
};