JavaScript 中的闭包及其应用和问题

模块化编程通过定义清晰的代码块来提高可维护性和复用性。通过使用模块系统如 ES6 的 import/export 或 AMD/CMD 模块加载器，可以有效地组织和管理代码。

JavaScript 中等闭包 Closure 内存泄漏

在 JavaScript 中，闭包（Closure）是指一个函数和其定义时所关联的词法环境的组合。这个组合允许内部函数访问定义作用域中的变量，即使外部函数的执行上下文已退出执行堆栈。

什么是闭包？
闭包的核心在于作用域链（Scope Chain）：当一个函数嵌套在另一个函数内，并且内部函数引用了外部函数的变量时，形成了闭包。标准场景是：
- 内部函数被返回（作为另一个函数的返回值）。
- 即使外部函数完成执行，内部函数仍能访问外部函数的词法环境（Lexical Environment）。
例如：
```
function outer() {
  var count = 0;
  function inner() {
    count++;
    console.log(count);
  }
  return inner;
}
var myFn = outer(); // outer 执行完毕
myFn(); // 1，仍能访问并更新 count 变量
```
在这个例子中，inner 与 outer 的词法环境形成闭包，保持 count 的生命周期，从而更新值。
应用场景
- 数据封装与私有变量：保护变量不被外部直接修改，只通过特定方法访问。例如计数器或模块模式中的状态变量:
```
function createCounter() {
  let count = 0;
  return {
    increment: () => count++,
    get: () => count
  };
}
// count 是不可见的私有变量
```
- 回调函数和异步操作：延迟函数调用时保持上下文数据不变。例如 setTimeout 的 handler 中引用外部变量实现准确数据传递。
- 柯里化（Currying）和函数式编程：拆分复杂函数参数，保留中间状态值，利于组合复用函数:
```
const curriedAdd = (a) => (b) => (c) => a + b + c;
console.log(curriedAdd(1)(2)(3)); // 6
```
- 事件处理和 DOM 绑定：保持事件回调中处理函数状态。
- 模块化代码结构：封装业务逻辑隔离全局作用域。
潜在问题
- 内存泄漏 (Memory Leaks)：闭包引用的变量不会被垃圾回收机制（GC）释放。当频繁使用闭包但后续不再需要时，内存堆积可能导致应用卡顿或崩溃。
- 性能影响：每次创建闭包都需要创建额外作用域环境（词法作用域链追踪），可能导致运行速度下降和数据占用提升（示例中多次保留变量如循环中不释放时导致缓存开销）。
- 共享状态误用：多个闭包共享同一作用域时，意外变更互相依赖的变量引证引发副作用（非线程安全实例）。