setTimeout(function(){}, 0);-优快云博客

本文通过具体示例详细解析了JavaScript中setTimeout函数的工作原理及执行机制。解释了其作为异步操作如何与其他同步代码交互，并展示了不同执行顺序下代码的行为表现。

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

1 for (var i = 0; i < 3; i++) {
2     setTimeout(function() {
3         console.log(i);
4     }, 0);
5     console.log(i);
6 }

结果是：

0 1 2 3 3 3

分析：

1、在实践中，setTimeout 会在其完成当前任何延迟事件的事件处理器的执行，以及完成文档当前状态更新后，告诉浏览器去启用 setTimeout 内注册的函数。

2、setTimeout是异步的。正确的理解setTimeout的方式(注册事件)：
　　　　　　　　　　　　　　　　　　　　　　　　　　有两个参数，第一个参数是函数，第二参数是时间值。
　　　　　　　　　　　　　　　　　　　　　　　　　　调用setTimeout时，把函数参数，放到事件队列中。等主程序运行完，再调用。

原题等价于：

 1 var i = 0;
 2 setTimeout(function() {
 3     console.log(i);
 4 }, 0);
 5 console.log(i);
 6 i++;
 7 setTimeout(function() {
 8     console.log(i);
 9 }, 0);
10 console.log(i);
11 i++;
12 setTimeout(function() {
13     console.log(i);
14 }, 0);
15 console.log(i);
16 i++;

因为setTimeout是注册事件。根据前面的讨论，可以都放在后面。
原题又等价于如下的写法：

 1 var i = 0;
 2 console.log(i);
 3 i++;
 4 console.log(i);
 5 i++;
 6 console.log(i);
 7 i++;
 8 setTimeout(function() {
 9     console.log(i);
10 }, 0);
11 setTimeout(function() {
12     console.log(i);
13 }, 0);
14 setTimeout(function() {
15     console.log(i);
16 }, 0);