JavaScript函数执行机制、作用域链与内存管理深度解析

前言

在JavaScript开发中，函数是核心组件，涉及变量作用范围及内存存储管理。这些概念在日常编程与面试中频繁出现，本文将对函数执行、作用域链及内存管理三个核心问题进行深入探讨。

函数执行

JavaScript执行代码时，会构建执行上下文栈（Execution Context Stack，简称ECStack）。执行全局代码生成全局执行上下文（Global Execution Context，简称GEC），执行函数时生成函数执行上下文（Function Execution Context，简称FEC）。这些上下文按顺序入栈，且每个上下文创建时均包含一个变量对象（Variable Object）。

全局执行上下文

执行全局代码时，系统创建全局执行上下文并压入栈中，同时生成GlobalObject（GO）。全局执行上下文中的变量对象（VO）指向GO。

在编译阶段，GO将全局定义的变量初始化为undefined。若遇到函数定义，则以函数名为GO的属性名，值为该函数内存空间的地址。该空间包含函数执行体（代码段）及父级作用域引用。

编译完成后进入执行阶段，变量被赋予具体值。此外，全局环境中还包含setTimeout、Date、String等内置对象及函数，以及指向this的window属性。当执行到函数调用时，系统创建对应的函数执行上下文并压入栈中。

函数执行上下文

当代码执行至函数调用时，系统创建函数执行上下文并压入栈。函数执行上下文包含变量对象（VO），此时VO实际指向活动对象（Activation Object，简称AO）。AO与GO类似，但仅作用于当前函数。在编译阶段，AO将内部变量初始化为undefined；若包含嵌套函数，则以函数名为属性名，值为函数内存地址，并存储执行体及父级作用域。执行阶段进行变量赋值；若嵌套函数被调用，则继续创建新的函数执行上下文并压栈。

作用域链

创建VO对象时，系统会在函数执行上下文中构建作用域链，包含自身的变量对象（VO）及父级作用域引用。变量查找过程严格遵循作用域链路径进行。

在此代码逻辑中，变量name会沿作用域链向上查找至“why”。在foo函数编译但未执行阶段，变量m初始化为undefined；执行后输出结果应为undefined。具体执行逻辑参考下图。

变量message的输出结果为“Hello Global”。由于foo函数在全局初始化时其父级作用域已指向全局环境，当foo函数执行且内部未找到message变量时，会向上查找至全局作用域，因此输出“Hello Global”。执行逻辑参考下图。

上图输出结果为undefined而非100。这是因为foo函数在解析阶段遇到return var a=100时，已识别变量a的定义并将其赋值为undefined；但在执行阶段，该赋值语句并未被执行。

需特别注意变量定义时的约束条件。

通常定义变量使用var name=“anonymous”或let name="anonymous"。若直接写name=”anonymous”，在其他语言中会报错，但在JavaScript中允许此写法，且该变量会直接添加到全局对象（GO）中。

function foo(){
	var a=b=10
}
foo()
console.log(a,b)

语句var a=b=10等价于var a=10; b=10;。

在此情况下，变量b被放入GO中，全局输出值为10；而变量a仅在函数内部定义，在全局访问a会报错。

内存管理

所有编程语言在代码执行过程中均需分配内存。区别在于部分语言需手动管理内存，而部分语言提供自动内存管理机制。

无论采用何种管理方式，内存生命周期均包含以下阶段：

• 第一步：分配所需内存（申请）
• 第二步：使用分配的内存（存储对象等数据）
• 第三步：不再使用时释放内存

不同编程语言在第一步和第三步的实现方式存在差异：

手动管理内存：如C、C++语言，需开发者手动管理内存的申请（malloc）与释放（free）。

自动管理内存：如Java、JavaScript、Python、Swift、Dart等语言，由系统自动管理内存。

引用计数

当一个对象被一个引用指向时，其引用计数加1；当引用计数为0时，该对象可被销毁。

该算法存在显著缺陷，即容易产生循环引用问题。

var obj1={info:obj2};
var obj2={info:obj1}

标记清除

该算法设定一个根对象（root object），垃圾回收器定期从根节点出发，查找所有从根可达的对象。未被引用的对象被视为不可用对象。

此算法能有效解决循环引用问题。

JavaScript引擎广泛采用标记清除算法。此外，如V8引擎为优化性能，在实现细节上结合了其他算法。

以上为JavaScript函数执行、作用域链及内存管理的详细解析。更多关于函数执行、作用域链及内存管理的资料请关注本站其他文章，感谢支持！