JavaScript单例模式实现_javascript设计模式

单例模式确保一个类仅有一个实例并提供全局访问点。通过闭包与IIFE实现时,利用私有作用域缓存实例,保证多次调用getInstance返回同一对象;ES6类实现则通过静态属性存储实例,构造函数中判断防止重复创建,适合需要继承的场景;在模块化环境中,CommonJS或ES6模块的缓存机制使导出对象天然具备单例特性,无论多少次导入都返回同一实例。根据项目需求选择实现方式:闭包适用于简单场景,类适合复杂逻辑,模块系统是现代项目的自然选择,核心在于控制实例唯一性与访问可控性。

单例模式的核心是确保一个类只有一个实例,并提供一个全局访问点。在JavaScript中,由于语言本身的灵活性,实现单例的方式比传统面向对象语言更简洁多样。关键在于控制实例的创建时机和暴露方式。

使用闭包和立即执行函数

通过闭包隐藏私有变量,保证实例不会被外部重复创建。

利用立即执行函数(IIFE)创建一个私有作用域,将实例缓存在其中。

  • 定义一个 IIFE,内部维护一个 instance 变量
  • 提供获取实例的方法,每次调用都检查是否已存在实例
  • 若不存在则创建,否则返回已有实例

示例代码:

const Singleton = (function() {
  let instance;

  function createInstance() {
    return { name: '唯一实例', data: [] };
  }

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

使用时调用 Singleton.getInstance(),多次调用返回的都是同一个对象引用。

ES6 Class 风格实现

使用类语法时,可通过静态属性保存实例,配合静态方法控制访问。

  • 构造函数中判断是否已有实例,防止直接 new 多个对象
  • 提供静态方法返回唯一实例
  • 适合需要继承或更清晰结构的场景

示例:

class Singleton {
  static instance;

  constructor() {
    if (Singleton.instance) {
      return Singleton.instance;
    }
    this.data = [];
    Singleton.instance = this;
  }

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

可通过 Singleton.getInstance() 安全获取实例,即使误用 new 也不会产生多个实例。

模块化环境下的天然单例

在 CommonJS 或 ES6 模块中,模块本身就被缓存,导出的对象天然具备单例特性。

创建一个模块文件,其内容只初始化一次。

// singleton.js
let instance = null;

class Logger {
  logs = [];

  log(msg) {
    this.logs.push(msg);
    console.log(msg);
  }
}

if (!instance) {
  instance = new Logger();
}

export default instance;

无论在多少地方 import,得到的都是同一个实例。

基本上就这些。根据项目结构选择合适的方式,闭包适合简单场景,类适合复杂逻辑,模块系统则是现代项目的自然选择。关键是控制实例唯一性和访问可控性。