JavaScript中的闭包介绍

2023年6月10日下午7:57 • JavaScript

一、什么是闭包

闭包是指能够访问其它函数内部变量的函数。在 JavaScript 中，函数是一等公民，即函数可以作为对象传递，也可以作为返回值返回。在函数中定义的变量也可以作为闭包的一部分，因此，当一个函数返回另一个函数时，闭包就会形成。

闭包的主要特点是可以访问外部函数作用域内的变量，即使外部函数已经返回了，这些变量的值也可以被访问和修改，因为这些变量仍然保存在内存中。这就是闭包的强大之处，它能够让我们在函数外部访问到函数内部的变量，从而实现一些有趣的功能。

二、闭包的作用

私有变量的实现

闭包可以用来模拟私有变量，即在函数内部定义一个变量，然后通过闭包返回一个函数来访问这个变量。这样可以避免变量被外界直接访问和修改，从而增加程序的安全性和可靠性。

示例1：使用闭包实现私有变量

function createCounter() {
  var count = 0;
  function counter() {
    count++;
    console.log(count);
  }
  return counter;
}

var c1 = createCounter();
c1(); // 1
c1(); // 2
c1(); // 3

在这个示例中，我们定义了一个 createCounter 函数，内部定义了一个 count 变量和一个 counter 函数，并通过闭包返回了 counter 函数。由于 count 变量只能在 createCounter 函数内部访问，所以从外部无法直接修改和访问。然后我们创建了一个 c1 变量来保存返回的函数，每次调用 c1 函数都会增加 count 变量的值，并输出当前的值。

保存上下文状态

通过闭包，可以将一些状态信息保存在函数内部，并在后续调用时继续使用，从而实现一些有趣的功能。

示例2：利用闭包保存状态信息

function createArray() {
  var array = [];
  return function (value) {
    array.push(value);
    console.log(array);
  };
}

var addElement = createArray();
addElement('A'); // ['A']
addElement('B'); // ['A', 'B']
addElement('C'); // ['A', 'B', 'C']

在这个示例中，我们定义了一个 createArray 函数，内部定义了一个 array 变量和一个匿名函数，并通过闭包返回了匿名函数。这个匿名函数接受一个参数，将参数加入到 array 数组中，并输出 array 数组的内容。然后我们创建了一个 addElement 变量来保存返回的函数，每次调用 addElement 函数都会将传入的参数添加到 array 数组中，并输出当前的内容。

三、注意事项