在 JavaScript 中，闭包到底是什么？妈妈再也不用担心我不懂闭包了！

前端

2023-09-20 02:53:20

闭包揭秘：访问隐藏局部变量的 JavaScript 魔法

在编程的世界里，闭包是一个让人又爱又恨的概念。它就像一个魔术师，能让函数自由访问另一个函数的私密局部变量，即使该函数已经烟消云散。想要了解闭包的神奇力量？那就跟随我们踏上这段探索之旅吧！

闭包的内幕

闭包的秘密在于 JavaScript 的执行上下文机制。当一个函数被调用时，它会创建一个执行上下文，该上下文包含函数的局部变量、参数和函数体。当函数执行完毕，它的执行上下文通常会被销毁。

但是，如果函数内部嵌套了一个函数，情况就会变得有趣了。嵌套函数的执行上下文并不会被销毁，而是被保留在它的外层函数的执行上下文中。这意味着嵌套函数可以继续访问外层函数的局部变量，即使外层函数已经执行完毕。

这种嵌套执行上下文的机制正是闭包的基石。它允许嵌套函数访问外层函数的局部变量，即使外层函数已经完成它的使命，就像一个忠实的管家守护着这些秘密。

闭包的实际应用

闭包在实际编程中大有用武之地，以下列举一些常见的场景：

模块化开发： 闭包可以将代码组织成一个个独立的模块，方便代码的管理和维护。
数据私有化： 闭包可以将数据私有化，防止外部函数窥探其隐私。
事件处理： 闭包可以将事件处理函数与事件源关联起来，方便事件的处理。
延迟执行： 闭包可以将函数的执行延迟到某个时机，就像一个沉睡的火山，等待时机爆发。

闭包的代码示例

让我们用一段代码示例来说明闭包是如何工作的：

function outer() {
  const secret = "我是外层函数的秘密";
  
  function inner() {
    console.log(secret); // 嵌套函数可以访问外层函数的 secret
  }
  
  return inner;
}

const innerFunction = outer(); // 调用外层函数并获取嵌套函数
innerFunction(); // 嵌套函数打印外层函数的 secret