揭秘 JavaScript 闭包的奥秘

2023-12-10 19:21:41

闭包的运作机制

在 JavaScript 中，函数的作用域是由其所在的代码块决定的。也就是说，函数只能访问其所在代码块中的变量。例如，以下代码中的内部函数 inner 无法访问外部函数 outer 中的变量 x：

function outer() {
  var x = 1;

  function inner() {
    console.log(x);
  }
}

outer();
inner(); // ReferenceError: x is not defined

闭包正是为了解决这个问题而存在的。它允许你在内部函数中访问外部函数的作用域。这是通过在内部函数中存储对外部函数作用域的引用来实现的。例如，以下代码中的内部函数 inner 可以访问外部函数 outer 中的变量 x：

function outer() {
  var x = 1;

  return function inner() {
    console.log(x);
  };
}

var inner = outer();
inner(); // 1

这是因为在 inner 函数被返回时，它存储了对 outer 函数作用域的引用。这意味着即使 outer 函数已经执行完毕，inner 函数仍然可以访问 outer 函数中的变量。

闭包的应用

闭包可以用来实现许多强大的特性，如：

私有变量：闭包可以用来创建私有变量，即只能被内部函数访问的变量。这可以通过将变量存储在闭包内部来实现。例如，以下代码中的变量 x 是私有的，只能被内部函数 inner 访问：

function outer() {
  var x = 1;

  return function inner() {
    console.log(x);
  };
}

var inner = outer();
inner(); // 1

console.log(x); // ReferenceError: x is not defined

惰性求值：惰性求值是指函数直到被调用时才执行。闭包可以用来实现惰性求值，即通过将函数存储在闭包内部来实现。例如，以下代码中的函数 getValue 是惰性求值的：

function outer() {
  var x = 1;

  return function getValue() {
    return x;
  };
}

var getValue = outer();
console.log(getValue()); // 1

x = 2;
console.log(getValue()); // 1

这是因为函数 getValue 在被调用时才执行，而不是在 outer 函数执行时执行。这意味着即使 x 的值在 getValue 函数被调用后发生了变化，getValue 函数仍然会返回原来的值。

函数柯里化：函数柯里化是指将一个函数的部分参数固定下来，得到一个新的函数。闭包可以用来实现函数柯里化，即通过将函数的部分参数存储在闭包内部来实现。例如，以下代码中的函数 add 是柯里化后的函数：

function add(x, y) {
  return x + y;
}

var add1 = add.bind(null, 1);
console.log(add1(2)); // 3

var add2 = add.bind(null, 2);
console.log(add2(3)); // 5