何时调用 setTimeout 注册的 function？

Question

它可能在执行“一些”正常代码后调用？ 但我不确定......如果有一种足以描述 javascript 代码如何在浏览器中执行的大图，那就太好了。

Answer 1

大多数时候浏览器执行线程是空闲的，没有运行任何代码。 当您注册一些 function 以使用setTimeout执行时，它将不早于给定的毫秒数之后执行。

现在：如果在给定时间后执行其他代码（如事件处理程序或长循环），浏览器工作线程正忙，您的 function 将不得不等待。 考虑这段代码：

setTimeout(f, 500);
for(var i = 0; i < 10000000; ++i){
    //...
}

setTimeout立即返回，允许执行循环。 如果这个循环运行超过 500 毫秒，它不会被中断，你的f function 将不得不等待。 如果在例如 490 毫秒后触发一些冗长的事件处理程序，也会发生同样的事情。

将浏览器 JS 工作线程视为具有单个消费者和多个生产者的队列。 队列中的一些项目可以立即被拾取（如事件处理程序），一些必须等到它们的超时到期。

Answer 2

Javascript 是单线程的，使用调用堆栈运行，本质上是先到先服务处理。

setInterval 和 setTimeout 函数在提供的持续时间过去后将传递的 function 放入调用堆栈。 这里的区别是结果当时没有执行，它们只是放入调用堆栈，所以如果某些东西已经在运行，它不会执行你在超时中提供的 function 直到你完成。

例如：

var i = 0;
setTimeout(function() { i = 1; }, 10);
for (; i < 1;) {}

即使在 10 毫秒后，将 i 设置为 1 的 function 被调用，你也永远不会摆脱那个 for 循环，它只在调用堆栈上，并且在 for 循环完成之前不会生效。

Answer 3

也许我不理解这个问题..但这直接取自window规范。

setTimeout(function, milliseconds) 此方法在指定的毫秒数过去后调用一次 function，直到通过调用 clearTimeout 取消。 这些方法返回一个 timerID，可以在随后的 clearTimeout 调用中使用它来取消间隔。

基本上 function 在您指定的毫秒数过去后立即调用。