JavaScript 引擎使用调用栈来管理执行上下文。这是 JavaScript 运行引擎跟踪 JavaScript 代码中函数调用的重要机制。尽管 JavaScript 调用栈的工作是在内部完成的，但理解 JavaScript 如何执行函数是很重要的。
JavaScript 调用栈跟踪当前需要运行的函数或代码块。它按照后进先出（LIFO，Last In, First Out）的方式工作。也就是说，无论哪个函数添加到调用栈的顶部，都会首先被执行。
JavaScript 调用栈的工作原理
每当执行任何 JavaScript 代码时，它会将全局执行上下文添加到脚本中。
当你调用任何一个函数时，JavaScript 引擎会将该函数添加到调用栈中。之后，如果你从外部函数调用任何嵌套函数，它会将嵌套函数添加到调用栈中。
当内层函数的执行完成后，它会从调用栈中弹出该函数。接着，它会执行外部函数，并从调用栈中弹出该函数。再次，它开始执行全局上下文中的代码。
当调用栈变为空时，脚本停止运行。
通过示例理解 JavaScript 调用栈
下面是一个简单的例子来帮助理解 JavaScript 调用栈的工作机制：
function two() {
console.log("这是函数 two");
}
function one() {
two();
console.log("这是函数 one");
}
one();
上述代码的执行过程如下：
-
当代码开始执行时，调用栈保持空状态直到执行到达 one() 函数。
-
将 one() 函数添加到调用栈中。此时，调用栈为 [one()]。
-
执行 one() 函数的第一行代码，该行调用了 two() 函数。
-
将 two() 函数添加到调用栈中。此时，调用栈为 [two(), one()]。
-
-
-
从调用栈中删除 two() 函数。此时，调用栈为 [one()]。
-
开始执行 one() 函数剩余的代码。当 one() 函数执行完毕后，JavaScript 引擎开始执行剩余的代码。
-
从调用栈中删除 one() 函数。此时，调用栈为空。
-
示例
每次执行下面的代码时，它会在调用栈中添加全局执行上下文。每当从全局执行上下文调用任何函数时，它会将该函数添加到调用栈中，并首先执行该函数。
当另一个函数从特定函数中被调用时，它会被添加到调用栈中并获得优先执行权。
当特定函数的执行完成后，解释器会将其从调用栈中移除。
当栈使用的空间超过了其大小时，会抛出“堆栈溢出”错误。
<html>
<body>
<h2>JavaScript - 调用栈</h2>
<div id="output"></div>
<script>
const output = document.getElementById("output");
function two() {
output.innerHTML += "two <br>";
}
function one() {
two();
output.innerHTML += "one <br>";
}
one();
</script>
</body>
</html>
JavaScript 调用栈溢出
当调用栈的大小超过定义的大小时，会发生调用栈溢出。通常，当递归函数没有退出点调用时，会出现堆栈溢出。
例如，在下面的代码中，fib() 函数没有退出点。所以，它会抛出调用栈溢出错误。
function fib() {
fib();
}
fib();
JavaScript 是一种单线程编程语言。因此，它从上到下逐行运行代码。这意味着 JavaScript 程序只能有一个调用栈，并且一次只能执行一行。