JavaScript单例模式实现_javascript设计模式-js教程-PHP中文网

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

狼影

发布： 2025-12-03 12:26:02

原创

553人浏览过

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

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

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

使用闭包和立即执行函数

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

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

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

示例代码：

立即学习“Java免费学习笔记（深入）”；

<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 风格实现

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

简洁清爽的jQuery单页个人网站模板

Guru简约现代风格，响应式个人介绍类网站模板。这个模板适用于任何一个有创造力的人的个人网站。他的模板是非常干净和简单的设计

查看详情

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

示例：

<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>

登录后复制

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

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

以上就是JavaScript单例模式实现_javascript设计模式的详细内容，更多请关注php中文网其它相关文章！