5 分钟 JS 设计模式 - 单例与观察者模式（第19节）

5 分钟 JS 说 第19节：JavaScript 设计模式

“设计模式是解决软件设计问题的经典解决方案。” —— Erich Gamma

引言

设计模式是软件开发中的“武功秘籍”，它们为常见问题提供了经过验证的解决方案。在 JavaScript 中，设计模式不仅能提升代码的可维护性和可扩展性，还能让你的代码更具艺术性。本文将带你深入探索三种常用的 JavaScript 设计模式：单例模式、工厂模式和观察者模式。

---

1. 什么是设计模式？

设计模式是软件开发中针对常见问题的经典解决方案。它们不是具体的代码，而是一种设计思想或模板，帮助开发者编写更高效、可维护和可扩展的代码。

1.1 设计模式的分类

设计模式通常分为三大类：

类别	描述	示例模式
创建型模式	关注对象的创建机制，旨在使系统独立于对象的创建、组合和表示。	单例模式、工厂模式、建造者模式
结构型模式	关注类和对象的组合，旨在通过继承或组合创建更复杂的结构。	适配器模式、装饰器模式、代理模式
行为型模式	关注对象之间的职责分配和通信，旨在使对象之间的交互更灵活。	观察者模式、策略模式、命令模式

1.2 为什么需要设计模式？

• 提高代码复用性：设计模式提供了一种标准化的解决方案，避免重复造轮子。
• 增强代码可维护性：通过清晰的模式，代码更易于理解和修改。
• 提升开发效率：设计模式是经过验证的解决方案，能减少开发中的试错成本。

---

2. 单例模式

单例模式是一种创建型模式，确保一个类只有一个实例，并提供一个全局访问点。

2.1 单例模式的核心思想

• 唯一性：无论调用多少次，始终返回同一个实例。
• 全局访问：通过一个全局访问点获取实例。

2.2 实现单例模式

2.2.1 基本实现

class Singleton {
   
  constructor() {
   
    if (!Singleton.instance) {
   
      Singleton.instance = this;
    }
    return Singleton.instance;
  }

  log(message) {
   
    console.log(`Log: ${
     message}`);
  }
}

const instance1 =