setTimeout 定时器事件

Question

function waitForThreeSeconds(){
    setTimeOut(function(){
       console.log('Time done');
    },3000);
}

waitForThreeSeconds();
console.log('finished execution');

在上面的代码中，当调用 waitForThreeSeconds 函数时，会在 setTimeout 方法的事件队列中放置一个事件。我的问题是，当调用waitForThreeSeconds函数时，JS引擎遇到setTimeout方法时，传入setTimeout的函数表达式中的三秒定时器是否会立即启动？或者将一个事件放置在事件队列中。然后console.log("finished execution')这行代码在全局执行上下文中运行（这意味着一切都在JS文件中执行完毕）之后，三秒定时器将启动，并且传递给setTimeout的回调函数将运行.

我不确定 setTimeout 函数中的计时器何时真正启动。是在JS引擎遇到setTimeout方法时准确启动，还是在JS引擎进入事件队列处理setTimeout方法放置的事件时启动三秒定时器？

Answer 1

所以我们应该已经知道，JavaScript 不是多线程语言，因此是单线程语言，尽管您可以添加事件、终止事件，甚至调用事件。

创建事件时，您将事件标记添加到队列顶部，因此它将是最后一个被识别的事件。

在您的代码中，会发生以下情况：

waitForThreeSeconds():
通话等待三秒

致电setTimeout([...], 3000):
将事件添加为事件队列中的最后一个标记

此时您的事件队列应如下所示：
[this.event, that.event, all.otherEvents, ECMA.TimeStamp(3000)]

TimeStamp(3000) 是我们表示计时器的方式...

因此，JS 引擎每 1/1000 秒（抽象地）就会检查事件队列中是否有已调用的事件。当它识别出TimeStamp(3000) 已被调用时（3000 毫秒后），它现在将调用回调函数。

奇怪的是，当你说setTimeout([...], 3000) 时，JS 引擎会将回调添加到事件队列中，然后从那里继续。它不会等待 3 秒后继续执行下一行代码。

所以只要你打电话给setTimeout()，它就会启动计时器。因此，如果运行其余代码需要 2000 毫秒，那么 1000 毫秒后您的回调将被调用... =)

如果您有任何问题，请发表评论！

Answer 2

setTimeout被添加到“任务队列”末尾的任务中：

function waitForThreeSeconds(){
setTimeout(function(){
   console.log('Time done');
},0);} waitForThreeSeconds();console.log('finished execution');