JavaScript 闭包的使用场景

在 JavaScript 中，每个函数都会创建一个闭包。闭包是由函数和创建该函数时在作用域中的变量组成的。在闭包中，函数可以访问其外部作用域中定义的变量，即使函数在其外部作用域之外被调用和执行。

闭包的优点

使用闭包有以下优点：

保护变量，防止变量污染全局作用域。
在函数外部访问函数内部的变量。
实现模块化开发。
缓存。

常见的使用场景

1. 保护变量，避免变量污染全局作用域

当我们编写 JavaScript 代码时，如果变量在全局作用域中定义，则该变量可以被其他函数或文件修改。因此，为了保护变量，避免变量污染全局作用域，可以使用闭包。

下面是一个示例：

function init() {
  let num = 0;

  function increment() {
    num++;
    console.log(num);
  }

  return increment;
}

const incrementFn = init();

incrementFn(); // 输出: 1
incrementFn(); // 输出: 2

在上面的示例中，我们创建了一个闭包，increment 函数可以访问其父作用域中的 num 变量，但是 num 变量并不会污染全局作用域，保证了变量的安全性。

2. 实现模块化开发

JavaScript 中没有原生的模块化机制，使用闭包可以实现模块化开发，将相关性的函数和变量封装在同一个闭包中，防止其污染全局作用域，并方便复用。

下面是一个示例：

const calculator = (function() {
  let result = 0;

  function add(num) {
    result += num;
  }

  function subtract(num) {
    result -= num;
  }

  function getResult() {
    return result;
  }

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

calculator.add(5);
calculator.subtract(2);
console.log(calculator.getResult()); // 输出: 3

在上面的示例中，我们将计算器相关的函数和变量封装在同一个闭包中，并通过返回一个具有特定属性的对象，使得这些函数仍然可以被外界访问和操作。