返回

深入浅出、一文看懂闭包：不仅小白，即使是菜鸟也无难度！

前端

在探索闭包之前，我们先来了解一下上级作用域和堆栈内存释放问题。

上级作用域 ：函数是在哪个作用域下声明的，上级作用域就是谁。

堆内存释放 ：当没有变量占用这个堆内存了，浏览器会在空闲时候把它释放掉（即让所有引用堆内存空间地址的变量赋值为null即可）。

栈内存释放 ：一般情况下，函数执行完毕，栈内存释放。

闭包，即闭合作用域 ，是指在一个函数中可以访问到其上级作用域中的变量和函数。这也就意味着，即使函数执行完毕，它所引用的上级作用域中的变量和函数也不会被释放，除非上级作用域对应的栈帧被释放。

下面我们通过一个简单的例子来演示闭包的实现：

function outerFunction() {
  var a = 10;

  function innerFunction() {
    console.log(a);
  }

  return innerFunction;
}

var myFunction = outerFunction();

myFunction();

在这个例子中，outerFunction函数返回了innerFunction函数。当outerFunction函数执行完毕后，a变量应该被释放，因为a变量的作用域是outerFunction函数。但是，由于innerFunction函数引用了a变量，因此a变量不会被释放。这就是闭包的本质。

闭包有许多优点，其中一些优点包括：

  • 闭包可以用来实现模块化编程。
  • 闭包可以用来保存状态。
  • 闭包可以用来创建私有变量和函数。

然而，闭包也有一些缺点，其中一些缺点包括：

  • 闭包可能会导致内存泄漏。
  • 闭包可能会使代码难以理解。
  • 闭包可能会降低代码的性能。

在使用闭包时，需要权衡闭包的优缺点，以便做出最佳的决策。

除了上述内容之外，关于闭包，这里还有一些需要注意的点：

  • 闭包只在JavaScript和其他支持闭包的编程语言中存在。
  • 闭包可以通过使用箭头函数来实现。
  • 闭包可以通过使用立即执行函数来实现。

希望通过本文，您能够对闭包有一个更深入的认识。如果您想了解更多关于闭包的信息，可以参考以下资源：