什么是闭包？有什么应用场景？

闭包是JavaScript中一个既基础又强大的概念，它允许函数捕获并访问其词法作用域外的变量。理解闭包对于编写高效、模块化的代码至关重要，尤其是在构建复杂的前端应用时。

闭包的核心概念

闭包发生在一个函数内部定义了另一个函数，并且内部函数引用了外部函数的变量。即使外部函数已经执行完毕并退出，内部函数仍然可以访问那些变量。这创建了一个持久的作用域，使得变量不会被垃圾回收机制释放，从而实现了状态的保持。

闭包如何工作

通过一个简单的例子可以直观地看到闭包的效果。

function outer() {
  let message = "Hello";
  return function inner() {
    console.log(message);
  };
}
const sayHello = outer();
sayHello();

这里，inner函数形成了一个闭包，它记住了outer函数作用域中的message变量。即使outer已经执行完毕，sayHello调用时仍然能正确输出”Hello”。这种机制使得闭包成为保存私有状态的理想工具。

闭包的实际应用场景

在数据封装方面，闭包可以模拟私有变量。通过闭包，你可以创建只能通过特定方法访问的内部状态，避免了全局污染。

function createAccount(initialBalance) {
  let balance = initialBalance;
  return {
    deposit: function(amount) {
      balance += amount;
      return balance;
    },
    withdraw: function(amount) {
      if (amount <= balance) {
        balance -= amount;
        return balance;
      }
    }
  };
}
const account = createAccount(100);
account.deposit(50);

闭包也常用于函数工厂，生成具有不同配置的函数。例如，创建特定乘数的乘法器函数。

function multiplier(factor) {
  return function(x) {
    return x * factor;
  };
}
const double = multiplier(2);
console.log(double(5));

在事件处理中，闭包能帮助保持上下文。当为多个元素动态添加事件监听器时，闭包可以确保每个处理器访问正确的数据，而不依赖全局变量。

function setupButtons(count) {
  for (let i = 0; i < count; i++) {
    document.getElementById(`btn-${i}`).onclick = function() {
      console.log(`Button ${i} clicked`);
    };
  }
}

这里，每个按钮的点击处理器都通过闭包记住了对应的i值，避免了因循环变量共享导致的问题。

合理使用闭包可以让代码更加模块化和安全，但需要注意避免无意识的内存泄漏，因为闭包会保持对变量的引用。在实际开发中，闭包是构建高阶函数和实现函数式编程模式的基础工具之一。