当前位置：首页 > article >正文

前端开发的单例设计模式

article 2024/9/20 19:38:24

一、什么是单例模式

单例模式（Singleton Pattern）是一种常见的设计模式，它确保在整个应用程序的生命周期中，一个类只能创建一个实例。无论你在代码的任何地方尝试创建该类的新实例，它都会返回已经存在的唯一实例。这在需要共享资源、全局状态、缓存、数据库连接等场景非常有用。

单例模式的优点：

节省资源：因为单例对象只会被创建一次，避免了不必要的资源浪费。
全局访问：提供了一个全局访问点，所有对该类的操作都通过同一个实例完成。
控制实例数量：在某些场景下，我们只需要一个对象来管理状态、处理逻辑，单例模式提供了这种机制。

单例模式的缺点：

全局状态可能导致难以调试：由于状态被共享，容易在多个地方发生状态冲突。
违背面向对象的原则：单例模式引入了全局状态，破坏了面向对象的封装性。

二、TypeScript 实现单例模式

我们可以通过 TypeScript 来实现单例模式。TypeScript 是一种强类型的 JavaScript 超集，借助 TypeScript 的静态类型检查和面向对象特性，我们可以更好地实现和管理单例模式。

实现代码：

class Singleton {
    // 定义一个私有的静态变量，来保存类的唯一实例
    private static instance: Singleton;

    // 私有化构造函数，防止外部实例化
    private constructor() {
        console.log('Singleton instance created!');
    }

    // 提供一个静态方法，用于获取类的唯一实例
    public static getInstance(): Singleton {
        if (!Singleton.instance) {
            Singleton.instance = new Singleton();
        }
        return Singleton.instance;
    }

    // 一个简单的方法来测试单例功能
    public showMessage(): void {
        console.log('Hello from Singleton!');
    }
}

// 测试单例模式
const singleton1 = Singleton.getInstance();
const singleton2 = Singleton.getInstance();

// 输出：true，说明两个实例是相同的
console.log(singleton1 === singleton2);

// 调用 showMessage 方法
singleton1.showMessage();

代码解析：

私有构造函数：通过将构造函数声明为 private，我们防止了该类可以在外部直接通过 new 进行实例化。
静态方法 getInstance：通过一个静态方法 getInstance，我们可以确保类的实例只有一个。如果实例还未被创建，则创建新的实例；如果已经存在，则返回该实例。
静态变量 instance：用来存储该类的唯一实例。

通过上述代码可以确保在任何地方调用 Singleton.getInstance() 时，返回的都是同一个对象实例。

三、PlantUML 示例

为了更好地理解单例模式的结构，下面我们使用 PlantUML 来表示单例模式的类图。

@startuml
class Singleton {
    - instance : Singleton
    - Singleton()
    + getInstance() : Singleton
    + showMessage() : void
}

Singleton -- Singleton : use
@enduml