JavaScript 中闭包怎么实现计数器功能保存内部状态-js教程-PHP中文网

闭包实现计数器的核心是外层函数返回内层函数，使其持续访问并修改私有变量count，实现状态封装与隔离；每次调用createcounter()生成独立作用域，支持自定义初始值和步长，且需注意变量引用陷阱。

javascript 中闭包怎么实现计数器功能保存内部状态

JavaScript 中闭包实现计数器，核心是利用函数作用域“捕获”并长期持有变量，让内部状态不被外部直接访问，同时通过返回的函数间接操作和读取它。

闭包计数器的基本写法

定义一个外层函数（如 createCounter），内部声明一个私有变量（如 count），再返回一个或多个内层函数（如 increment、getValue）。这些内层函数能持续访问并修改外层函数作用域中的 count，即使外层函数已执行完毕。

示例：

Java JDK 25

Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。

下载

function createCounter() {
  let count = 0;
  return {
    increment: () => ++count,
    decrement: () => --count,
    getValue: () => count
  };
}

const counter1 = createCounter();
console.log(counter1.getValue()); // 0
counter1.increment();
console.log(counter1.getValue()); // 1

每个闭包实例拥有独立状态

每次调用 createCounter() 都会生成一套全新的作用域，因此多个计数器互不影响。

counter1 和 counter2 各自维护自己的 count
修改其中一个，不会波及另一个
这是闭包封装状态的关键优势：数据隔离 + 复用逻辑

更灵活的初始化与配置

可以给外层函数加参数，让计数器支持自定义初始值或步长：

function createCounter(initial = 0, step = 1) {
  let count = initial;
  return {
    next: () => {
      const val = count;
      count += step;
      return val;
    },
    reset: () => count = initial,
    peek: () => count
  };
}

const c1 = createCounter(10, 2);
console.log(c1.next()); // 10
console.log(c1.next()); // 12