v8引擎是先填满调用栈再运行代码吗？还是一进入函数就运行代码

Question

这是我尝试过的代码：

// **Creating variables and functions**
let number_object = { num: 0 }

function doHomework(callback) {     //Starts doing the homework, supposed to finish after 5 seconds
    console.log("writing")

    setTimeout(() => {
        callback()
    }, 5000)
}

function Finished() {        //Called when 5 seconds are over
    console.log("Finished the homework")
}

function loop_(num_object) {  
    ++num_object.num;
    let i = 0;
    for (i = 0; i < 3000000000; ++i) { }
    console.log(`loop number ${num_object.num} over`)
}

// **Calling functions now**
doHomework(Finished)

let i = 0;
for (i = 0; i < 10000000000; ++i) { }  //This takes much more than 5 seconds
console.log(`This took more than 5 seconds, yet "finished" is not going to appear next`)

loop_(number_object)
loop_(number_object)
loop_(number_object)
loop_(number_object)
loop_(number_object)
loop_(number_object)
loop_(number_object)
loop_(number_object)
loop_(number_object)
loop_(number_object)

输出是：

writing
This took more than 5 seconds, yet "finished" is not going to appear next
loop number 1 over
loop number 2 over
loop number 3 over
loop number 4 over
loop number 5 over
loop number 6 over
loop number 7 over
loop number 8 over
loop number 9 over
loop number 10 over
Finished the homework

所以我认为输出表明，代码首先将调用堆栈中的所有函数排队，然后运行它们。这就是为什么所有 10 个函数都在调用堆栈中排队，所以只有在它们完成后，才会出现“完成”

Answer 1

这在再次进入事件循环之前被称为运行到完成。

代码首先将调用堆栈中的所有函数排队，然后运行它们。这就是为什么所有 10 个函数都在调用堆栈中排队的原因

不，这 10 个函数没有在调用堆栈上排队。如果有的话，它们会在程序代码中“排队”。只是您的无数增量操作没有在任何地方排队。它们被编码在程序中，然后运行。

Answer 2

重要的是要记住setTimeout 确实不调用您传递给它的函数。相反，它保存了一个指向函数的指针，当超时到期时，javascript 稍后将调用该函数。

从这个意义上说，javascript 与 Java、C/C++、Pascal、Python 等没有什么不同。在所有这些语言中，如果您将函数指针保存到链接/列表或数组，该函数将在您稍后调用它之前不会被调用.唯一的区别是带有回调的 API 是内置在 javascript 中的标准库的一部分。确保此类 API 也存在于其他语言中，尤其是在 GUI 编程方面。

就调用堆栈而言，javascript 的行为通常与 C/C++ 完全相同，但在涉及闭包时确实会变得很奇怪。使用闭包，javascript 的调用堆栈的行为类似于 Lisp/Scheme 或 Haskell 或 Swift 或 Python。

事件循环

请务必注意，javascript 是单线程的（有些人可能会声称并非如此 - 他们是错误的）。解释器的结构一般如下：

// Pseudocode

script_to_execute = compile_scripts();
event_handlers = [];

do {
    scheduled_callbacks = execute(script_to_execute)

    for each (callback in scheduled_callbacks) {
        event_handlers.push(callback)
    }

    event = wait_for_async_events()

    for each (callback in event_handlers) {
        if (callback.event == event) {
            script_to_execute = callback.script
        }
    }

}
while (event_handlers.length > 0)

所以基本上您对setTimeout 的调用会将这些函数添加到事件处理程序列表中。您的整个脚本最初位于script_to_execute。如果您查看上面的程序流程，应该很明显，只要您的脚本仍在执行，就无法处理任何事件。因此，javascript 中的所有异步操作，包括setTimeout、HTTP 请求、DOM 更新等，都只会在脚本的最后一行之后发生。

您也可以看到，所有这些都与调用堆栈或范围无关。这只是时机——有些事情只是发生在未来而不是现在。