JavaScript中如何实现单例模式_设计模式你用过吗-js教程-PHP中文网

单例模式在JavaScript中靠开发者主动控制实现，常用闭包+IIFE封装私有实例或ES6 class+静态属性实现，需禁用直接new、注意跨环境污染及避免滥用为全局状态。

javascript中如何实现单例模式_设计模式你用过吗

单例模式在 JavaScript 中不是靠语言机制强制实现的，而是靠开发者主动控制实例创建逻辑——只要确保全局只存在一个实例，并能重复获取它，就算达成目标。

用闭包 + 模块模式封装私有实例

这是最常用、也最符合 JS 特性的写法。利用立即执行函数（IIFE）和闭包变量，把实例“藏”在作用域里，外部无法篡改。

instance 变量不会暴露到全局，避免被意外覆盖
构造函数可以带参数，但首次调用后参数不再生效（除非你主动重置）
适合需要延迟初始化、或依赖异步准备工作的场景

const Singleton = (function() {
  let instance = null;

  function createInstance() {
    return {
      data: Math.random(),
      log() { console.log('Singleton:', this.data); }
    };
  }

  return {
    getInstance() {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    }
  };
})();

// 使用
const a = Singleton.getInstance();
const b = Singleton.getInstance();
console.log(a === b); // true

用 ES6 class + 静态属性实现

更接近传统 OOP 写法，语义清晰，但要注意 instance 是静态属性，仍需手动检查是否已存在。

不能直接 new 类来绕过单例逻辑——必须通过 getInstance()
如果类有继承需求，需额外处理子类的 instance 独立性
若构造函数抛错，instance 可能为 null 或未定义，建议加 try/catch

class Logger {
  constructor() {
    if (Logger.instance) {
      return Logger.instance;
    }
    this.id = Date.now();
    Logger.instance = this;
  }

  static getInstance() {
    if (!Logger.instance) {
      Logger.instance = new Logger();
    }
    return Logger.instance;
  }

  log(msg) {
    console.log(`[${this.id}] ${msg}`);
  }
}

// 使用
const l1 = Logger.getInstance();
const l2 = Logger.getInstance();
console.log(l1 === l2); // true