从入门到精通，从头梳理JavaScript基础（二）—函数执行过程详解
2023-12-02 20:59:07
JavaScript函数执行剖析：深入理解运行机制
在JavaScript中，函数是代码的可重用块，用于执行特定的任务。理解函数的执行过程至关重要，因为它有助于我们理解JavaScript程序的运行机制。在这篇全面的文章中，我们将深入探讨JavaScript函数执行的各个阶段，从全局执行上下文到函数执行上下文，从参数传递到局部变量声明，从函数调用到函数返回。
1. 函数执行上下文
在JavaScript中，函数执行上下文是一个抽象概念，它定义了代码评估和执行的环境。全局执行上下文 是默认的环境，所有不在函数内的代码都在该环境中执行。
当一个函数被调用时，函数执行上下文 被创建，为该函数提供运行环境。它包含几个关键属性：
- 函数参数： 在函数调用时传递给函数的参数。
- 局部变量： 在函数内部声明的变量。
- 作用域链： 包含当前执行上下文及其所有父执行上下文的列表。
- 执行栈： 存储当前正在执行的函数的堆栈。
2. 函数调用
当一个函数被调用时，JavaScript引擎创建一个新的函数执行上下文，并将其推入执行栈。函数执行上下文包含函数的参数、局部变量、作用域链和执行栈。
函数执行时，JavaScript引擎执行以下步骤：
- 将函数参数的值赋给函数的参数变量。
- 创建函数的局部变量。
- 执行函数的函数体。
- 将函数的返回值（如果有的话）弹出执行栈。
- 销毁函数的执行上下文。
3. 函数返回
当函数执行完成后，JavaScript引擎将函数的返回值（如果有的话）弹出执行栈，并销毁函数的执行上下文。然后，JavaScript引擎继续执行调用函数的代码。
4. 函数执行过程示例
以下是函数执行过程的一个示例：
function sum(a, b) {
var c = a + b;
return c;
}
var result = sum(1, 2);
当函数sum 被调用时，JavaScript引擎创建一个新的函数执行上下文，并将该函数推入执行栈。函数执行上下文包含函数的参数a 和b ，局部变量c ，作用域链和执行栈。
函数执行时，JavaScript引擎执行以下步骤：
- 将函数参数a 和b 的值（分别为1和2）赋给函数的参数变量a 和b 。
- 创建函数的局部变量c 。
- 执行函数的函数体，计算a 和b 的和，并将结果赋给变量c 。
- 将函数的返回值c （值为3）弹出执行栈。
- 销毁函数的执行上下文。
函数sum 执行完成后，JavaScript引擎将函数的返回值3赋给变量result 。
5. 总结
函数执行过程是JavaScript执行过程的一个关键组成部分。通过了解函数执行过程，我们可以更好地理解JavaScript程序的运行机制。
常见问题解答
- 什么是全局执行上下文？
全局执行上下文是JavaScript代码评估和执行的默认环境，任何不在函数内部的代码都在该环境中执行。
- 函数执行上下文包含哪些属性？
函数执行上下文包含函数的参数、局部变量、作用域链和执行栈。
- 在函数执行时发生了什么？
在函数执行时，JavaScript引擎执行以下步骤：将函数参数的值赋给函数的参数变量，创建函数的局部变量，执行函数的函数体，将函数的返回值（如果有的话）弹出执行栈，销毁函数的执行上下文。
- 函数如何返回一个值？
函数通过return 语句返回一个值。该值被弹出执行栈并赋给调用函数中的变量。
- 在执行栈中发生了什么？
执行栈存储当前正在执行的函数。当一个函数被调用时，它被推入执行栈。当一个函数执行完成后，它被弹出执行栈。
