Javascript 单例模式

桥豆麻袋93932025-06-15 17:48

一.是什么

单例模式是一种设计模式，它的核心思想是：整个系统中只能存在一个类的实例，并提供一个全局访问点来获取这个实例。

二. 有什么作用

作用	描述
全局唯一性	避免多个实例带来的资源浪费或数据不一致问题
共享状态	单例中的数据可被多个组件或模块共享
统一管理	管理某一类服务或工具，如缓存、日志、配置等
延迟初始化（惰性加载）	实例只在首次使用时创建，节省资源

三. 怎么用

复制代码

对象字面量
const Singleton = {
  name: '我是单例',
  sayHi() {
    console.log('Hi~', this.name);
  },
};

ES6 类 + 静态属性
class Singleton {
  constructor() {
    if (Singleton.instance) {
      return Singleton.instance;
    }
    this.name = '我是单例';
    Singleton.instance = this;
  }

  sayHi() {
    console.log('Hi~', this.name);
  }
}

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

四. 用在哪里

应用场景	描述
状态管理	Vuex、Redux 中的 Store 就是单例
缓存模块	数据缓存、接口响应缓存、资源预加载器等
工具类	日志工具、埋点统计、埋点 SDK 管理器
事件总线	作为全局 EventBus 控制通信
弹窗控制	Modal、Dialog 控制器，防止重复弹窗
配置中心	管理全局配置信息或运行环境信息