闭包

Posted on

闭包是指函数与其词法环境的组合，函数可以访问其词法作用域中的变量，即使在函数定义之后执行也可以访问到。闭包可以在函数内部创建私有变量，并且可以通过返回函数或传递函数作为参数的方式，将这些私有变量暴露给外部作用域。闭包是 JavaScript 中非常强大和常用的特性，它能够帮助开发者实现许多功能，例如模块化、封装、延迟执行等。

以下是闭包的常用场景：

1. 封装私有变量：

使用闭包可以创建具有私有变量的函数，这些变量对外部代码是不可见的。通过在函数内部定义变量，并在返回的函数中引用这些变量，可以实现私有变量的封装，防止外部代码直接访问和修改。

1
2
3
4
5
6
7
8
9
10
function createCounter() {
  let count = 0;
  return function () {
    return ++count;
  };
}

const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2

2. 模块化开发：

闭包可以用于实现模块化开发，通过将模块的功能封装在闭包中，并返回一个包含公共接口的对象或函数，从而隐藏模块内部的实现细节，只暴露必要的方法或属性给外部使用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const calculator = (function () {
  function add(a, b) {
    return a + b;
  }

  function subtract(a, b) {
    return a - b;
  }

  return {
    add: add,
    subtract: subtract,
  };
})();

console.log(calculator.add(5, 3)); // 8
console.log(calculator.subtract(5, 3)); // 2

3. 事件处理程序：

闭包常用于事件处理程序中，可以在事件处理函数中访问外部作用域的变量。这种方式使得事件处理程序可以访问和修改定义事件处理程序的函数中的变量，而不需要将这些变量暴露给全局作用域。

1
2
3
4
5
6
7
8
9
10
11
12
13
function createButton() {
  let count = 0;
  const button = document.createElement("button");
  button.textContent = "Click me";
  button.addEventListener("click", function () {
    count++;
    console.log(`Button clicked ${count} times`);
  });
  return button;
}

const button = createButton();
document.body.appendChild(button);

4. 延迟执行：

闭包可以用于实现延迟执行，即将一个函数作为参数传递给另一个函数，并在需要时调用该函数。由于闭包可以访问外部作用域的变量，因此可以在内部函数中引用外部作用域的变量。

1
2
3
4
5
6
7
function delay(callback, milliseconds) {
  setTimeout(callback, milliseconds);
}

delay(function () {
  console.log("Delayed message");
}, 1000);

这些是闭包的一些常用场景，闭包在 JavaScript 中被广泛应用于函数式编程、模块化开发、事件处理、异步编程等方面，是 JavaScript 中非常重要和强大的特性之一。