JS 构造函数怎么实现单例模式限制实例数-js教程-PHP中文网

javascript构造函数可通过静态属性计数+构造拦截实现有限实例模式：单例时已达实例则返回已有对象，多例时超限抛错或拒绝创建，本质是运行时控制而非语法强制。

js 构造函数怎么实现单例模式限制实例数

JS 构造函数本身不强制限制实例数量，但可以通过在构造函数内部维护一个静态计数器 + 提前返回（或抛错）来实现“最多只允许创建 N 个实例”的单例/有限实例模式。最常见的是单例（N=1），但也可扩展为“最多 3 个实例”等。

用静态属性 + 实例计数控制

在构造函数上挂载一个私有计数器和缓存实例，每次 new 时检查是否已达上限：

定义一个闭包或 Symbol 私有变量，或直接用构造函数的静态属性（如 MyClass.instanceCount = 0）记录已创建实例数
在构造函数开头判断：若计数 ≥ 限制值，直接 return 已有实例（单例）或 throw Error（硬限制）
否则递增计数，并执行正常初始化逻辑；可选地把 this 存入缓存（如 MyClass.instances.push(this)）

单例写法（只允许一个实例）

这是最典型的实现，利用构造函数上的静态引用避免重复创建：

chartjs-reporter

此技能用于在用户需要将结构化数据（查询结果、CSV 摘要、JSON 记录或 Python 字典/列表）转换为独立的 HTML 页面时使用。

下载

class Logger {
  constructor() {
    if (Logger.instance) {
      return Logger.instance;
    }
    // 初始化逻辑（仅执行一次）
    this.id = Date.now();
    this.logs = [];
    Logger.instance = this;
  }

  log(msg) {
    this.logs.push(`[${new Date().toISOString()}] ${msg}`);
  }
}

// 使用
const a = new Logger();
const b = new Logger();
console.log(a === b); // true

可控实例数（如最多 2 个）

稍作扩展即可支持任意上限，适合需要少量共享实例的场景（如连接池、资源管理器）：

class ResourceManager {
  static MAX_INSTANCES = 2;
  static instances = [];

  constructor(name) {
    if (ResourceManager.instances.length >= ResourceManager.MAX_INSTANCES) {
      throw new Error(`Too many instances: max is ${ResourceManager.MAX_INSTANCES}`);
    }

    this.name = name || `Resource-${Date.now()}`;
    ResourceManager.instances.push(this);
  }

  destroy() {
    const idx = ResourceManager.instances.indexOf(this);
    if (idx !== -1) ResourceManager.instances.splice(idx, 1);
  }
}

// 使用
const r1 = new ResourceManager('db');
const r2 = new ResourceManager('cache');
// const r3 = new ResourceManager('api'); // → 抛错