老司机也能翻车的闭包

2024-01-17 07:11:20

对于老司机来说，闭包这种设计模式看似一个极其简单的知识点，但实际上会时不时出现翻车的场景，本篇文章将带您看一看闭包相关的陷阱以及正确的应对策略。

闭包本质上是一个函数，而函数作为变量存储在内存中，和所有变量一样，闭包所捕获的外部变量也存储在内存中，当函数执行完成后，函数所占用的内存将会被释放，但所捕获的外部变量并不会被释放。因此，当闭包被再次执行时，那些捕获的外部变量将仍然存在，这就导致了闭包可以访问到其外部作用域中的变量，甚至包括那些在函数执行后被销毁的变量。

这种特性在某些情况下是非常有用的，例如，它可以被用来实现私有变量和方法。但如果使用不当，也会带来一些问题。最常见的问题之一就是内存泄漏，在闭包中捕获外部变量会导致外部变量的生命周期被延长，即使外部变量不再被使用，仍然会留在内存中，这可能会导致内存泄漏。

闭包的陷阱

闭包最常见的陷阱之一是内存泄漏。当闭包捕获外部变量时，外部变量的生命周期就会被延长，即使外部变量不再被使用，仍然会留在内存中。这可能会导致内存泄漏。

例如，在下面的代码中，makeCounter 函数返回一个闭包，该闭包捕获了变量 i。当 makeCounter 函数执行完成后，变量 i 仍然存在于内存中，即使它不再被使用。这可能会导致内存泄漏。

function makeCounter() {
  let i = 0;
  return function() {
    return i++;
  };
}

const counter = makeCounter();
counter(); // 0
counter(); // 1
counter(); // 2

另一个常见的闭包陷阱是循环引用。当两个闭包相互引用时，就会发生循环引用。这会导致这两个闭包永远不会被垃圾回收器回收，从而导致内存泄漏。

例如，在下面的代码中，outer 函数返回一个闭包，该闭包引用了变量 inner。inner 函数也返回一个闭包，该闭包引用了变量 outer。这会导致两个闭包相互引用，永远不会被垃圾回收器回收。

function outer() {
  let inner = function() {
    console.log('inner');
  };
  return function() {
    inner();
  };
}

const outerFunction = outer();
outerFunction(); // inner