setTimeout(fn,0)

Posted 2020-09-17

我们都知道setTimeout是一个延迟执行的函数

console.log(1);
setTimeout(function(){console.log(2);},1000);
console.log(3);

会得到1，3，2

但是

setTimeout(function(){console.log(1);}, 0);
console.log(2);

你知道这段代码会执行什么样的效果吗

正确答案是2,1

一开始我也很疑惑，

setTimeout(function(){console.log(1);}, 0);不是隔了0秒就执行嘛，就是立即执行的意思啊，那就是应该答案是1，2呀

但是答案不是这样的

听阮一峰大神的解释

setTimeout(fn,0)的含义是指定某个人物在主线程最早可得的空闲时间执行，也就是说，尽可能早的执行。它在任务队列的尾部添加一个事件，因此要等到同步人物和任务队列现有的事件都处理完，才会得到执行