J*aScript单例模式实现_j*ascript设计模式_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

JaScript单例模式实现_jascript设计模式

2025-12-03

浏览次数：次

返回列表

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

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

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

使用闭包和立即执行函数

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

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

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

示例代码：

<strong>const Singleton = (function() {
  let instance;

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

  return {
    getInstance: function() {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    }
  };
})();</strong>

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

ES6 Class 风格实现

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

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

示例：

Shoping购物网源码

该系统采用多层模式开发，这个网站主要展示女装的经营，更易于网站的扩展和后期的维护，同时也根据常用的SQL注入手段做出相应的防御以提高网站的安全性，本网站实现了购物车,产品订单管理，产品展示，等等，后台实现了动态权限的管理，客户管理，订单管理以及商品管理等等，前台页面设计精致，后台便于操作等。实现了无限子类的添加，实现了动态权限的管理，支持一下一个人做的辛苦

0 查看详情 Shoping购物网源码

<strong>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;
  }
}</strong>

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

模块化环境下的天然单例

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

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

<strong>// 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;</strong>