JavaScript 闭包详解：理解作用域链的奥秘

什么是闭包？

闭包是指函数能够访问其定义时所在作用域的变量，即使函数在该作用域外执行。

基础示例

function createCounter() {
  let count = 0;
  return function() {
    count++;
    return count;
  };
}

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

作用域链工作原理

1. 函数可以访问自身作用域的变量
2. 可以访问父级作用域的变量
3. 一直追溯到全局作用域

实际应用场景

数据封装

function createBankAccount(initialBalance) {
  let balance = initialBalance;
  return {
    deposit: (amount) => { balance += amount; },
    withdraw: (amount) => { 
      if (amount <= balance) balance -= amount;
      return balance;
    },
    getBalance: () => balance
  };
}

函数工厂

function multiplier(factor) {
  return (num) => num * factor;
}

const double = multiplier(2);
const triple = multiplier(3);

事件处理器

for (let i = 0; i < 5; i++) {
  setTimeout(() => console.log(i), 1000);
}
// 输出：0, 1, 2, 3, 4

注意事项

• 闭包会阻止垃圾回收，可能导致内存泄漏
• 避免在循环中创建不必要的闭包
• 合理使用 let/const 避免 var 的作用域问题

闭包是 JS 的核心特性，理解它才能写出优雅的代码！