Javascript的调用栈和执行顺序

Question

我正在学习调用堆栈，我知道它是“先进后出”的顺序，但为什么 JS 代码是按从上到下的顺序执行的？调用堆栈中的最后一项（即要弹出的第一项）不应该先执行吗？

Answer 1

不用太技术化，想想下面的代码，

function squared(value) {
  return value * value;
}

function cube(value) {
  return squared(value) * value;
}

cube(3);

现在，当函数cube被调用时，很明显，函数cube要返回它的计算值，它应该首先计算squared的值，然后乘以返回值。

这就是为什么总是先执行内部函数然后执行外部函数的原因，因为外部函数可能依赖于内部函数返回的值。

将其转换为堆栈，调用堆栈如下所示

1. 初始空堆栈。

 |  |
  --

1. 当函数cube被调用时，它被插入到堆栈中。

|cube|
 ----

1. 当函数cube调用函数squared时，squared被插入到堆栈中。

|squared|
| cube  |
 -------

4. squared 不再调用任何函数，所以函数squared 从堆栈中弹出，执行并将值返回给cube

|cube| //squared()
 ----

5. 函数cube从堆栈中弹出，执行并将值返回给调用者。

|   | // cube() * returned value from squared()
 ---

这非常简单地解释了为什么堆栈用于函数调用并且几乎用于所有编程语言。