JavaScript 闭包与对象设计的结合：构造闭包对象-js教程-PHP中文网

javascript闭包对象是用闭包封装私有状态并返回含受控方法的对象，其结构包括外部函数（私有变量）、内部闭包（保存状态引用）和返回对象（暴露操作方法），如createcounter示例所示，支持独立实例与配置化工厂，区别于class，无原型链、不支持继承但语义清晰。

javascript 闭包与对象设计的结合：构造闭包对象

JavaScript 闭包与对象设计结合，本质是用闭包封装私有状态，再通过返回的对象暴露受控的公共接口——这不是“模拟类”，而是更轻量、更灵活的数据封装范式。

闭包对象的核心结构

一个典型的闭包对象由三部分组成：外部函数提供私有变量（状态）、内部函数形成闭包（保存对状态的引用）、返回一个普通对象（含方法，这些方法在闭包内定义，可读写私有变量）。

私有变量声明在外部函数作用域中，外部无法直接访问
所有方法都定义在闭包内部，共享同一份私有环境
返回的对象不包含变量本身，只包含操作变量的方法

实现带私有状态的计数器对象

这是最直观的闭包对象示例，比用 class 声明更明确地划清了公私边界：

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

function createCounter() {
  let count = 0; // 私有状态，外部不可见
  return {
    increment() { count++; return count; },
    decrement() { count--; return count; },
    reset() { count = 0; return count; },
    getCount() { return count; }
  };
}

const counterA = createCounter();
console.log(counterA.getCount()); // 0
counterA.increment();
console.log(counterA.getCount()); // 1
// 尝试 counterA.count → undefined（真正私有）

支持配置初始化的闭包工厂

闭包对象天然适合做“函数工厂”：传入初始值或配置，生成行为一致但状态独立的实例。

每个调用 createCounter(10) 都创建全新闭包，互不影响
可传入默认值、阈值、格式化函数等参数，增强复用性
避免 this 绑定问题，方法无需 bind 或箭头函数兜底

function createCounter(initial = 0, step = 1) {
  let value = initial;
  return {
    next() { 
      const current = value; 
      value += step; 
      return current; 
    },
    peek() { return value; },
    set(v) { value = v; }
  };
}

const seq1 = createCounter(100, 10);
const seq2 = createCounter(50, 5);
console.log(seq1.next()); // 100
console.log(seq2.next()); // 50