返回

JavaScript闭包详解：深入理解、避免内存泄漏

前端

闭包，一直是 JavaScript 中既重要又容易让人困惑的概念。它强大而灵活，赋予了 JavaScript 极大的表现力，但也可能引发内存泄漏等问题。本期将深入浅出地探讨闭包的本质，剖析其工作机制，并详细讲解如何避免闭包带来的内存管理陷阱。

闭包究竟是什么？

简单来说，闭包是指一个函数能够访问并记住其词法作用域，即使函数在它的词法作用域之外被执行。 我们通过一个经典的计数器示例来说明：

image.png

createCounter 返回的内部匿名函数就是一个闭包。它能够访问并修改外部函数 createCounter 中的 count 变量，即使 createCounter 已经执行完毕。

闭包的生命周期和销毁

与普通函数不同，闭包并不会在执行完毕后立即被销毁。由于它持有对外部变量的引用，JavaScript 引擎会将其保留在内存中，直到不再被引用。

如何销毁一个闭包呢？最直接的方式就是将其赋值为 null：

counter = null;

这样一来，闭包以及它所引用的外部变量都会被 JavaScript 的垃圾回收机制标记为不可达，并在适当的时候被清理掉。

垃圾回收机制与内存泄露

JavaScript 拥有自动垃圾回收机制，可以定期清理不再使用的内存空间，防止内存泄漏。但需要注意的是，垃圾回收机制只能回收那些确定不再被引用的内存。如果一个闭包由于某种原因仍然被引用，即使我们不再需要它，垃圾回收机制也无法将其清理，从而造成内存泄露。

闭包与内存泄露：一个隐蔽的陷阱

在某些情况下，即使我们显式地将闭包置为 null，也可能出现内存泄露。考虑以下代码：

image.png

在这个例子中，increase 虽然没有直接引用 dom，但 _temp 引用了 dom，而 increase 和 _temp 共享同一个词法作用域，这就导致 dom 无法被垃圾回收机制清理。即使我们将 increase 赋值为 null，dom 仍然被 _temp 引用，导致内存泄露。

标记清除算法：闭包销毁的关键

现代浏览器普遍采用标记清除算法进行垃圾回收。该算法分为两个阶段：

  • • 标记阶段： 从根对象（例如全局对象）开始遍历，标记所有可达的对象。
  • • 清除阶段： 遍历所有对象，清除未被标记的对象，释放内存。

由于闭包会持有对外部变量的引用，因此在标记阶段会被标记为可达，从而避免被清除。

总结

理解闭包的本质和生命周期对于编写高效、稳定的 JavaScript 代码至关重要。通过合理地管理闭包的引用，并了解垃圾回收机制的工作原理，我们可以有效避免潜在的内存泄漏问题，提升应用性能。切记，即使拥有垃圾回收机制，我们也不能掉以轻心，需要谨慎地处理闭包，避免不必要的内存占用。

推荐阅读