如何通过闭包实现 JavaScript 的计数器与私有变量？-js教程-PHP中文网

闭包是javascript中实现计数器和私有变量最自然的方式，使函数能记住并访问其词法作用域中的变量；通过返回内部函数可创建独立、封装状态的计数器和私有变量接口。

如何通过闭包实现 javascript 的计数器与私有变量？

闭包是 JavaScript 中实现计数器和私有变量最自然、最常用的方式——它让函数能“记住”并访问其词法作用域中的变量，即使外部函数已经执行完毕。

计数器：每次调用都累加的独立实例

通过返回一个内部函数，该函数持续访问并修改外层函数中定义的局部变量（如 count），就能创建一个不被外部直接篡改的计数器。

示例：

OpenJDK 24

下载

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

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

const counter2 = createCounter();
console.log(counter2()); // 1 —— 独立于 counter1

关键点：

count 在 createCounter 执行时初始化，只对返回的内部函数可见
每次调用 createCounter() 都生成新的闭包，彼此隔离
外部无法直接读写 count，实现了状态封装

私有变量：只暴露受控的访问接口

闭包可模拟“私有字段”，仅通过预设的方法（如 getter/setter）间接操作，避免意外修改。

示例：

function createUser(name, age) {
  let _name = name;     // 私有变量
  let _age = age;       // 私有变量

  return {
    getName() { return _name; },
    getAge() { return _age; },
    setAge(newAge) {
      if (newAge > 0) _age = newAge;
    }
  };
}

const user = createUser("Alice", 25);
console.log(user.getName()); // "Alice"
console.log(user._name);     // undefined —— 外部无法直接访问
user.setAge(26);
console.log(user.getAge());  // 26

说明：

下划线前缀（如 _name）是约定，真正起保护作用的是闭包作用域
所有方法共享同一个词法环境，可安全读写私有变量
没有暴露赋值入口的字段，外界就无法修改（如 _name 没有 setter）

进阶技巧：带初始化与重置能力的计数器

可以在闭包中加入更多控制逻辑，比如支持自定义起始值、步长或重置功能，同时保持私有状态。

示例：

function createAdvancedCounter(initial = 0, step = 1) {
  let value = initial;

  return {
    increment() { value += step; return value; },
    decrement() { value -= step; return value; },
    reset() { value = initial; return value; },
    getValue() { return value; }
  };
}

const c = createAdvancedCounter(10, 2);
console.log(c.increment()); // 12
console.log(c.reset());     // 10

优势：