JavaScript垃圾回收机制原理解析

JavaScript垃圾回收机制概述

此前曾探讨过JavaScript中的回收机制，但当时对其概念的理解尚显模糊。如今对这一机制有了更深刻的认识，特此整理此文进行总结，以期加深记忆并分享心得。

为何需要回收机制？我们可以做一个类比：假设有一张8GB的存储卡，我们将文件、视频和音乐存入其中。随着存储内容增多，存储空间逐渐饱和。若想存入新文件，就必须手动删除旧文件。在JavaScript中，这种手动删除操作类似于delete关键字的作用。

各类编程语言均面临类似的内存问题。任何声明的变量都会消耗内存，变量越多，运行速度往往越慢。这不仅限于变量，代码中的其他元素同样占用资源。为解决这些问题，语言设计者制定了一套代码回收规则。

核心回收规则解析

具体的代码回收规则如下：

1. 全局变量不会被自动回收。

2. 局部变量会被回收，即函数运行结束后，其内部内容将被销毁。

3. 若局部变量被其他作用域引用，则不会被回收。

作用域与引用对回收的影响

以下通过几个示例来验证上述规则。

function a(){
 var user = "追梦子";
 return user;
}
var b = a();
console.log(b); //追梦子 

按理说，我们无法直接访问函数a内部的变量，但通过全局变量b接收了函数a返回的值，代码最终呈现如下状态。

function a(){
 var user = "追梦子";
 return user;
}
var b = "追梦子";
console.log(b);

上述示例似乎未体现回收机制，接下来看另一段代码。

function a(){
 var num = 0;
 return function(){
  num ++;
  console.log(num);
 };
}
var b = a();
b(); //1
b(); //2
b(); //3

正常情况下，预期输出应为3次“1次”，因为函数体运行后代码应被清空，下次运行num应为1。但实际情况不同：正如前文所述，若函数中的局部变量被其他作用域引用，该部分代码不会被销毁。

上述代码逻辑可形象地表示为：

function a(){
 var num = 0;
 return function(){
  num ++;
  console.log(num);
 };
}
var b = function(){
  num ++;
  console.log(num);
 };
b();
b();
b();

函数a返回的匿名函数的作用域由函数a转移至window。由于该匿名函数被全局变量b引用，因此不会被销毁。

function a(){
 var num = 0;
 return function(){
  num ++;
  console.log(num);
 };
}
var b = {
 fn:a()
}
b.fn(); //1
b.fn(); //2
b.fn(); //3

同理，当匿名函数被对象b的属性fn引用时，其作用域发生改变。简言之，只要函数或局部变量被其他作用域引用，它们就不会被销毁。 以上即为本文全部内容，希望对理解JavaScript回收机制有所帮助。