函数执行过程大揭秘，解锁JavaScript进阶之道
2023-09-02 02:26:30
函数执行环境的奥秘
当JavaScript代码执行时，都会产生一个执行环境，也就是运行代码的容器。在JavaScript中，执行环境可以分为三种：
-
全局环境 ：在浏览器中，全局环境被认为是window对象，因此，所有的全局变量和函数都作为window对象的属性和方法创建的。这意味着你可以在任何地方访问和使用它们，无需担心作用域问题。
-
函数环境 ：当一个函数执行时，就会创建该函数的执行环境，在其中执行函数内的代码。函数环境包含了函数的参数、局部变量以及函数内部声明的函数。这些变量和函数只在函数内部有效，一旦函数执行结束，它们就会被销毁。
-
执行上下文 ：执行上下文是执行环境的具体实例，它包含了当前正在执行的代码、变量对象和作用域链。每个执行上下文都有一个活动对象（active object），它是当前正在执行的代码所属的对象。作用域链是从活动对象开始，向上追溯到全局对象（window对象）的一条链，它决定了变量和函数的查找顺序。
变量和函数的作用域
变量和函数的作用域是指它们可以被访问和使用的范围。在JavaScript中，变量和函数的作用域由它们所在的执行环境决定。
- 全局变量 ：在全局环境中声明的变量是全局变量，可以在任何地方访问和使用。
- 局部变量 ：在函数环境中声明的变量是局部变量，只能在该函数内部访问和使用。
- 函数 ：函数的作用域与局部变量相同，只能在函数内部访问和使用。
需要注意的是，在JavaScript中，变量的作用域是词法作用域，即变量的作用域由它在代码中声明的位置决定，而不是由它被使用的位置决定。这意味着，即使你将一个局部变量声明在一个嵌套函数中，它仍然只能在该函数及其父函数中访问和使用。
执行上下文的创建和销毁
执行上下文是JavaScript中执行代码的基本单位，每个执行上下文都有一个活动对象和一个作用域链。当一个函数执行时，就会创建一个新的执行上下文，并在其中执行函数内的代码。函数执行结束后，该执行上下文就会被销毁。
全局执行上下文是在脚本加载时创建的，它包含了window对象作为活动对象，作用域链从window对象开始，向上追溯到全局对象（null）。当一个函数执行时，就会创建一个新的执行上下文，该执行上下文包含了函数的参数和局部变量作为活动对象，作用域链从活动对象开始，向上追溯到全局对象。
揭开函数执行过程的序幕
当一个函数执行时，JavaScript引擎会执行以下步骤：
- 创建一个新的执行上下文，并将其推入执行上下文栈。
- 将函数的参数和局部变量作为活动对象放入执行上下文中。
- 将作用域链从活动对象开始，向上追溯到全局对象，放入执行上下文中。
- 执行函数内的代码。
- 函数执行结束后，销毁该执行上下文，并将其从执行上下文栈中弹出。
执行上下文栈是一个后进先出的（LIFO）数据结构，这意味着最后创建的执行上下文总是第一个被销毁。
结语
通过本文的学习，你已经对JavaScript中函数的执行过程有了更深入的了解。你知道了执行环境和执行上下文的概念，理解了变量和函数的作用域，以及执行上下文的创建和销毁过程。这些知识将帮助你更好地理解JavaScript代码的执行过程，并编写出更加健壮和可维护的代码。
