JS线程及回调函数执行

JS是单线程的程序,在某些方面来讲并不是十分准确。在浏览器的内核里面有很多的模块,比如js的解释执行的模块,html、css的处理模块,渲染模块等,多数模块是单线程执行的,但是有几个模块是多线程的,比如定时器模块,Dom事件监听(如按钮点击的事件监听)模块,Ajax请求模块,这几个模块都是有回调函数的,也就是说浏览器内核会在使用这几个模块的时候另外开辟一条线程来进行监听,达到条件后通过回调函数返回主线程。

例子:

1.

setTimeout(function(){

  console.log('time out');

},0);

console.log('aa');

console.log('bb');

代码运行的结果是:aa  bb  timeout

2.

setTimeout(function(){

  console.log('time out');

},200);

for(var i = 0;i<100000000:i++){

}

代码运行结果:并不是200ms后输出的time out,可能是500ms。

上面的两个例子说明定时器中回调函数执行的时间并不一定是定时器设置的时间之后马上执行。这里的原因是:JS中的那几个多线程的模块,包括定时器、dom事件监听、ajax请求,并不是在满足设置的条件后就会立即执行回调函数中的代码,实际上在达到回调函数的条件后,会将回调函数依次放在一个队列中等待执行,而真正开始执行回调函数队列中的回调函数的时候是在所有的初始化代码(可以理解为除了回调函数的所有代码)执行完之后才开始执行的。如果执行初始化代码的时间很长回调函数可能就会出现延后执行。

原文地址:https://www.cnblogs.com/maycpou/p/12303182.html