为什么 setTimeout(.., 0) 不立即执行？

Question

var timeout = setTimeout(function(){
     console.log("I'm message from timeout");
},0);

console.log("I'm message from outside timeout");

//1. I'm message from outside timeout
//2. I'm message from timeout

为什么尽管将 setTimeout 时间设置为 0，但内部指令不首先执行？我使用了各种时间，包括 0/null，我想知道如何保留 setTimeout 对象并随流程执行其指令。

Answer 1

Javascript 代码只在一个线程上运行。 setTimeout 安排一个函数稍后运行。所以在 js 中，当所有当前正在运行的代码完成执行时，event 循环将寻找任何其他事件。 所以setTimeout( .. 0) 会让代码在当前循环之后运行。

console.log("I'm message from outside timeout"); 将首先被安排执行。一旦完成，setTimeout 就会被执行

所以底线setTimeout(myfunction ,0) 将在当前执行函数后 0 毫秒运行 myfunction。 & 在你的情况下，当前的执行循环是

console.log("I'm message from outside timeout");

如果你添加另一个 console.log("I'm message from outside timeout1"); 所以当前的事件循环将首先记录

I'm message from outside timeout
I'm message from outside timeout1

在启动setTimeout 函数之前。

注意 setTimeout 的最小超时时间为 4 毫秒。您可以查看此Stackoverflow thread 以了解更多信息