JavaScript实现递增返回计数器的函数 闭包代码问题求助

现有代码问题 #

• 未将内部的递增逻辑暴露给外部调用方，定义的increment函数只能在counter函数内部访问
• 缺少counter函数的闭合大括号，语法本身存在错误
• 没有实现计数器变量的持久化逻辑，每次调用都会重新初始化currentValue为0

修正后完整代码 #

如果你需要支持自定义递增步长，可以用这个版本：

function counter() {
  // 私有计数器变量，仅可通过闭包访问，初始化仅执行一次
  var currentValue = 0;
  // 返回内部函数，形成闭包持有对currentValue的引用
  return function (step = 1) {
    currentValue += step;
    // 返回最新的计数值
    return currentValue;
  }
}

如果只需要每次调用固定+1，可以用简化写法：

function counter() {
  var currentValue = 0;
  // 前置++会先递增再返回结果，符合调用即递增返回的要求
  return () => ++currentValue
}

使用示例 #

// 初始化计数器实例，此时currentValue被赋值为0
const getCount = counter();

console.log(getCount()); // 输出 1
console.log(getCount()); // 输出 2
// 带步长的版本可以传自定义参数
// console.log(getCount(3)); // 输出 5，自定义步长+3

实现逻辑说明 #

闭包的核心特性是：内部函数可以访问外层函数作用域内的变量，即使外层函数已经执行完成。

• 调用counter()初始化计数器时，currentValue被赋值为0，同时返回内部的匿名递增函数
• 因为返回的匿名函数一直持有对currentValue的引用，所以currentValue不会被JS的垃圾回收机制销毁，会一直保留在内存中作为私有计数变量
• 每次调用返回的递增函数时，只会修改持久化的currentValue的值，不会重新初始化，就实现了调用时递增计数的需求

内容的提问来源于stack exchange，提问作者bork