嵌套的 setTimeout 方法如何按顺序执行？

Question

    setTimeout(() => {
        console.log(1);
        setTimeout(() => {
            console.log(2);
            setTimeout(() => {
                console.log(3);
            }, 1000);
        }, 1000);
    }, 1000)

为什么此代码允许您 console.log 每秒按顺序进行？我预计代码会同时运行 1、2、3，因为所有计时器都设置为 1000 毫秒。

Answer 1

您将第二个计时器设置在第一个计时器的主体内，因此 1000 毫秒已经过去。 因此它比第一个计时器晚运行秒。与你的第三个计时器相同的故事。

如果您希望他们同时运行，您需要同时呼叫 setTimeout。 和“同时”，如“考虑到计时器的工作方式，尽可能彼此接近”。 如果您真的想一次运行它们，请使用单个 setTimeout.

Answer 2

传递给 setTimeout 的延迟参数是最小回调函数执行前的时间量；这不是回调运行.

的实际时间

回调运行按照定时器到期和被推入任务队列的顺序。当堆栈为空时，它们会从任务队列中被推入调用堆栈。

任务队列中最先推送的回调最先被推送到调用堆栈。因此它是第一个被执行的。

Why this code allows you to console.log in every second sequentially?

那是因为每个内部 setTimeout 回调还需要考虑包装器 setTimeout 的延迟。

第二个 setTimeout 的回调函数有 2 秒的延迟，因为第二个 setTimeout 被调用 after 第一个定时器在 1 秒后到期.

同样，最里面的setTimeout有3秒的延迟。

嵌套的 setTimeout 方法如何按顺序执行？

how nested setTimeout method gets executed in sequence?

javascript

asynchronous

callback

settimeout

nest