JavaScript中如何实现单例模式_常见实现方式

admin 百科 2025-12-13 13

JavaScript单例模式核心是确保类唯一实例并提供全局访问点，主要实现方式有闭包+IIFE（兼容性好）、ES6 class+静态属性（语义清晰）、模块模式（天然单例、最自然）及带参懒加载变体，选择取决于项目兼容性、规范与团队习惯。

JavaScript中如何实现单例模式_常见实现方式-第1张图片-佛山资讯网

JavaScript中实现单例模式的核心是：确保一个类只有一个实例，并提供全局访问点。由于JS没有类的私有成员和构造器控制机制，实现方式更灵活但也需注意闭包、模块作用域和ES6+语法特性。

使用闭包 + IIFE（最经典、兼容性最好）

利用立即执行函数返回一个对象，内部变量被闭包保护，外部无法重复创建实例。

第一次调用时创建实例，后续直接返回缓存对象
适合老项目或需要支持IE等旧环境的场景

const Singleton = (function() {
  let instance = null;
  function createInstance() {
    return { data: 'I am the only instance' };
  }
  return {
    getInstance: function() {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    }
  };
})();
// 使用
const a = Singleton.getInstance();
const b = Singleton.getInstance();
console.log(a === b); // true

登录后复制

使用ES6 class + 静态属性（简洁清晰，推荐现代项目）

借助class语法和静态属性保存实例，构造函数限制多次初始化（可选throw错误）。

构造函数内检查是否已存在实例，存在则抛错或忽略
getInstance方法统一入口，语义明确
注意：new Singleton() 不再是标准用法，应只调用 Singleton.getInstance()

class Singleton {
  constructor() {
    if (Singleton.instance) {
      throw new Error('Use Singleton.getInstance() instead');
    }
    this.data = 'Singleton instance';
    Singleton.instance = this;
  }
  static getInstance() {
    if (!Singleton.instance) {
      Singleton.instance = new Singleton();
    }
    return Singleton.instance;
  }
}

登录后复制