JavaScript中的设计模式实践之单例模式-js教程-PHP中文网

JavaScript中的设计模式实践之单例模式

夢幻星辰

发布： 2025-10-30 12:10:02

原创

517人浏览过

单例模式确保一个类仅有一个实例并提供全局访问点，通过闭包或ES6静态属性实现，适用于配置管理、日志记录等场景，核心是检查实例存在性以避免重复创建。

javascript中的设计模式实践之单例模式

单例模式的核心目标是确保一个类在整个应用中只有一个实例，并提供一个全局访问点。在JavaScript中，虽然没有类的严格定义（ES6之前），但我们可以通过函数、闭包和模块化的方式实现单例模式。这种模式特别适用于需要统一管理资源的场景，比如全局配置、日志记录器或数据库连接。

什么是单例模式

单例模式属于创建型设计模式，它限制类的实例化次数仅为一次。无论调用多少次构造方法，返回的都是同一个对象引用。这能避免重复创建消耗资源的对象，也保证了状态的一致性。

使用闭包实现私有实例

JavaScript中常用闭包来模拟私有变量，从而控制实例的创建。通过立即执行函数（IIFE）保存一个内部变量，判断是否已存在实例，若无则创建并缓存。

    const Singleton = (function () {
      let instance = null;

      function Logger() {
        this.logs = [];
      }

      Logger.prototype.log = function (msg) {
        this.logs.push(msg);
        console.log(msg);
      };

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

    // 使用
    const logger1 = Singleton();
    const logger2 = Singleton();
    <strong>logger1 === logger2; // true</strong>

登录后复制

上面的例子中，Logger 构造函数只能被实例化一次，后续调用都返回首次创建的实例。这种方式利用了闭包保护 instance 变量不被外部修改。

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

ES6类语法结合静态属性

在现代JavaScript中，可以用ES6的类和静态属性更清晰地实现单例模式。

居然设计家

居然之家和阿里巴巴共同打造的家居家装AI设计平台

查看详情

    class Database {
      static instance = null;

      constructor() {
        if (Database.instance) {
          return Database.instance;
        }
        this.connection = 'connected';
        Database.instance = this;
      }

      query(sql) {
        console.log('Executing:', sql);
      }
    }

    // 使用
    const db1 = new Database();
    const db2 = new Database();
    <strong>db1 === db2; // true</strong>

登录后复制

构造函数中检查静态属性 instance 是否已存在，如果存在就返回已有实例。这样即使使用 new 多次调用，也只会保留一个真实实例。