setTimeout(fn, 0) 的作用

最新推荐文章于 2025-05-19 15:36:44 发布

LylBrave

最新推荐文章于 2025-05-19 15:36:44 发布

阅读量958

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_25461519/article/details/81361477

js 专栏收录该内容

28 篇文章

订阅专栏

本文解析了setTimeout函数的工作原理，强调其并非保证回调函数在指定时间后立即执行，而是将其加入任务队列，在主线程空闲时才执行。通过示例说明了即使设置0延迟，也会在当前同步任务执行完毕后才执行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

调用 setTimeout 函数会在一个时间段过去后在队列中添加一个消息。这个时间段作为函数的第二个参数被传入。如果队列中没有其它消息，消息会被马上处理。但是，如果有其它消息，setTimeout 消息必须等待其它消息处理完。因此第二个参数仅仅表示最少的时间，而非确切的时间。

零延迟 (Zero delay) 并不是意味着回调会立即执行。在零延迟调用 setTimeout 时，其并不是过了给定的时间间隔后就马上执行回调函数。其等待的时间基于队列里正在等待的消息数量。也就是说，setTimeout()只是将事件插入了任务队列，必须等到当前代码（执行栈）执行完，主线程才会去执行它指定的回调函数。要是当前代码耗时很长，有可能要等很久，所以并没有办法保证回调函数一定会在setTimeout()指定的时间执行。

例子

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

执行结果2，1。因为只有在执行完第二行以后，主线程空了，才会去任务队列中取任务执行回调函数。

总结：setTimeout(fn,0)的含义是，指定某个任务在主线程最早可得的空闲时间执行，也就是说，尽可能早得执行。它在"任务队列"的尾部添加一个事件，因此要等到主线程把同步任务和"任务队列"现有的事件都处理完，才会得到执行。
在某种程度上，我们可以利用setTimeout(fn,0)的特性，修正浏览器的任务顺序。