当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript单例模式详解与实现方法

JavaScript单例模式详解与实现方法

2025-12-09 23:44:39 0浏览收藏

推广推荐

支持 PC / 移动端，安全直达

文章小白一枚，正在不断学习积累知识，现将学习到的知识记录一下，也是将我的所得分享给大家！而今天这篇文章《JavaScript单例模式应用与实现解析》带大家来了解一下##content_title##，希望对大家的知识积累有所帮助，从而弥补自己的不足，助力实战开发！

单例模式确保一个类仅有一个实例并提供全局访问点，通过闭包或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 变量不被外部修改。

ES6类语法结合静态属性

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

    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 多次调用，也只会保留一个真实实例。