JavaScript 闭包(Closure)详解

Elena

发布时间：2026-10-13 | 1人浏览过

原创

在 JavaScript 中，闭包是指那些能够访问外层函数作用域变量的函数。文章通过分析代码执行差异，展示了如何利用返回值或全局变量引用创建闭包，解释了其在避免全局污染方面的作用，并指出了过度使用可能引发的内存泄漏问题。

闭包的核心概念与作用

在 JavaScript 中，函数被视为一种数据对象，可以赋值给变量，也可以嵌套在其他函数内部。理解闭包之前，我们需要先观察变量作用域的行为变化。

考虑以下代码，变量 n 定义在函数 fun 内部：

function fun(){
  var n=10;
  function son(){
    n++;
  }
  son();
  console.log(n);
}
fun(); // 输出 11
fun(); // 输出 11

每次调用 fun() 时，都会重新初始化 n=10，因此结果始终为 11。如果将 n 提取到全局作用域，行为则完全不同：

var n=10;
function fun(){
  function son(){
    n++;
  }
  son();
  console.log(n);
}
fun(); // 输出 11
fun(); // 输出 12

这种差异揭示了作用域链的工作原理。为了让局部变量 n 不被外部随意修改（即减少全局变量污染），通常的做法是将 n 放在函数内部作为局部变量。此时，n 的初始值被保留在 fun 的作用域内，每次调用都重置为 11。

如何访问私有变量：创建闭包

现在的问题是，如果我们希望在全局环境中直接操作内部的 n，该怎么办？由于 son 函数目前是局部的，我们需要将其暴露出来。主要有两种常见方式：

第 1 步：通过赋值给全局变量暴露

可以将内部函数赋值给一个全局变量，从而在全局访问它：

var a;
function fun(){
  var n=10;
  a = function son(){
    n++;
    console.log(n);
  }
}
fun(); // 执行一次以初始化 a 和 n 的环境
a(); // 输出 11
a(); // 输出 12

第 2 步：通过 return 返回值暴露

更优雅的方式是利用函数的返回值将内部函数返回给外部：

function fun(){
  var n=10;
  return function son(){
    n++;
    console.log(n);
  }
}
var a=fun();
a(); // 输出 11
a(); // 输出 12

上述 son 函数即为典型的**闭包**。从某种意义上说，所有能访问外层作用域变量的函数都可以视为闭包。它的核心特征是：**函数与其所在词法环境的引用共同构成了一个整体，使得函数即使在其创建作用域执行完毕后，仍能访问该作用域中的变量。**

闭包的深层行为与陷阱

为了更深入地理解，我们可以稍微修改上述代码，观察多次调用的后果：

var a;
function fun(){
  var n=10;
  a = function son(){
    n++;
    console.log(n);
  }
  return a();
}
fun(); // 第一次调用 fun，输出 11
a();   // 输出 12
a();   // 输出 13

fun(); // 第二次调用 fun
// 注意：这里会重新初始化 n=10 吗？
// 实际上，如果 a 已经存在，上面的逻辑取决于具体实现。
// 在标准的闭包模型中，我们看下面的纯返回版本更清晰：

让我们看一个更清晰的闭包生命周期示例：

function createCounter() {
  var n = 10;
  return function () {
    n++;
    console.log(n);
  };
}
var count1 = createCounter();
var count2 = createCounter();

count1(); // 输出 11 (count1 的私有变量 n)
count1(); // 输出 12
count2(); // 输出 11 (count2 独立的私有变量 n)

每个闭包实例都有自己独立的状态副本。这也是为什么在上述第一段代码中，如果多次调用 fun() 且不保存返回的函数引用，局部变量会被重复初始化；而一旦保存了引用（如 a 或 count1），状态就会被持久化。