JavaScript 闭包：函数背后的“背包”(一文详解)

function outer() {
  let a = 10;
  console.log(a);
}
outer(); // 10
// 函数执行完毕，a 被垃圾回收器回收，内存释放。

function outer() {
  let a = 10;
  function inner() {
    console.log(a); // inner 引用了 outer 的变量 a
  }
  return inner; // 将 inner 返回出去
}
const myFunc = outer();
myFunc(); // 10

function createCounter() {
  let count = 0; // 私有变量，外部无法直接访问
  return {
    increment: function () {
      count++;
      return count;
    },
    decrement: function () {
      count--;
      return count;
    },
    getCount: function () {
      return count;
    },
  };
}
const counter = createCounter();
console.log(counter.increment()); // 1
console.log(counter.increment()); // 2
console.log(counter.count); // undefined ✅ 无法直接访问

function makeTaxCalculator(taxRate) {
  // taxRate 被闭包“记住”了
  return function (price) {
    return price * taxRate;
  };
}
const calcVAT = makeTaxCalculator(0.13); // 增值税率 13%
const calcIncomeTax = makeTaxCalculator(0.2); // 所得税率 20%
console.log(calcVAT(100)); // 13
console.log(calcIncomeTax(100)); // 20

function logAfterDelay(msg, delay) {
  setTimeout(function () {
    // 这里的 msg 和 delay 即使在 setTimeout 触发时（几秒后）依然可用
    console.log(`${msg} after ${delay}ms`);
  }, delay);
}
logAfterDelay("Hello", 1000);

for (var i = 1; i <= 5; i++) {
  setTimeout(function timer() {
    console.log(i);
  }, i * 1000);
}

for (var i = 1; i <= 5; i++) {
  (function (j) {
    setTimeout(function timer() {
      console.log(j); // j 是每次循环独立的副本
    }, j * 1000);
  })(i);
}

for (let i = 1; i <= 5; i++) {
  setTimeout(function timer() {
    console.log(i);
  }, i * 1000);
}

function hugeDataHandler() {
  const hugeArray = new Array(1000000).fill("data"); // 占用大量内存
  return function () {
    console.log(hugeArray.length); // 只要这个函数存在，hugeArray 就不会被回收
  };
}
const handler = hugeDataHandler();
// 如果你不再需要 handler，必须手动解除引用
handler = null; // ✅ 允许 GC 回收 hugeArray