首先请在浏览器控制台执行下面的代码进行测试
setTimeout(function(){console.log("setTimeout执行了")},0)
for(var i=0;i<1000000000;i++){
if(i==999999999){
console.log(i);
}
}
如果您的电脑和我的电脑配置差距不太大的话,就会发现,大约过了三秒后,控制台才显示出 999999999,其次才显示出 “setTimeout执行了”。
为什么会出现这样的情况呢?
这就要从js的执行方式说起了, 我们知道js是一种单线程,异步的编程语言。
是因为js支持同步和异步两种执行方式,但是异步执行在单线程里的实现方式是作为一个事件对列。
异步执行的运行机制如下(参考 JavaScript 运行机制详解)
(1)所有同步任务都在主线程上执行,形成一个执行栈(execution context stack)。
(2)主线程之外,还存在一个"任务队列"(task queue)。只要异步任务有了运行结果,就在"任务队列"之中放置一个事件。
(3)一旦"执行栈"中的所有同步任务执行完毕,系统就会读取"任务队列",看看里面有哪些事件。那些对应的异步任务,于是结束等待状态,进入执行栈,开始执行。
(4)主线程不断重复上面的第三步。
可以知道,只有在同步任务执行完毕之后,任务对列中的异步任务才能进入主线程开始执行。
再来看上面的代码,我故意将循环次数设置成一个较大的数值,是为了能比较明显地感受到for循环(同步任务)的执行时间。
setTimeou中的方法,在for循环结束后才执行,正是 因为执行栈中的同步任务执行完之后,任务对列中的任务才能执行,所以导致 “setTimeout执行了” 在延迟了接近三秒之后才会执行。
网友评论