JavaScript 闭包详解：理解作用域链

什么是闭包？

闭包是指函数能够访问并记住其词法作用域，即使函数在其作用域外执行。

基础示例

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

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

作用域链工作原理

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

实际应用场景

1. 数据私有化

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

2. 函数工厂

function multiplyBy(factor) {
  return function(number) {
    return number * factor;
  };
}
const double = multiplyBy(2);
const triple = multiplyBy(3);

3. 防抖节流

function debounce(func, delay) {
  let timer;
  return function(...args) {
    clearTimeout(timer);
    timer = setTimeout(() => func.apply(this, args), delay);
  };
}

常见陷阱

// 问题：循环中的闭包
for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 100);
}
// 输出：3, 3, 3

// 解决：使用 let
for (let i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 100);
}
// 输出：0, 1, 2

内存管理

闭包会保持对外部变量的引用，注意避免内存泄漏，及时清理不需要的引用。

理解闭包是掌握 JavaScript 的关键一步！