掌握 JavaScript 创建型设计模式：深入解析工厂模式

前端

2023-12-24 17:31:50

在构建复杂的应用程序时，JavaScript 设计模式提供了构建代码库和提高可维护性的强大工具。其中，工厂模式作为创建型设计模式之首，扮演着至关重要的角色。

工厂模式：对象创建的利器

工厂模式是一种设计模式，它为创建一个对象类提供了一种便捷且灵活的方法。通过一个工厂对象，我们可以在不指定具体类的情况下创建所需对象的实例。这种模式的优势主要体现在以下方面：

单一职责原则： 工厂模式将对象的创建过程与使用过程分离，符合单一职责原则，提高了代码的可维护性。
创建灵活： 通过工厂对象，我们可以轻松地创建不同类型的对象，无需更改调用代码，提高了代码的灵活性。
可扩展： 工厂模式允许在不影响现有代码的情况下轻松添加新的对象类型，增强了代码的可扩展性。

工厂模式的实现

工厂模式的实现过程相对简单：

定义一个工厂类，负责创建指定类型的对象。
在工厂类中定义一个创建方法，用于生成所需的对象实例。
使用工厂类创建对象实例，而无需直接实例化具体类。

简单工厂模式

简单工厂模式是一种工厂模式的简单实现，它提供了一个创建对象的中央入口。通过传入一个参数给工厂函数，我们可以直接获取对应的实例对象。

class SimpleFactory {
  createObject(type) {
    switch (type) {
      case "A":
        return new ProductA();
      case "B":
        return new ProductB();
      default:
        return null;
    }
  }
}

const factory = new SimpleFactory();
const productA = factory.createObject("A");
const productB = factory.createObject("B");

简单工厂模式适用于对象数量较少、对象创建逻辑不复杂的情况。然而，随着对象类型和创建逻辑的增加，简单工厂模式会变得难以维护。

工厂方法模式

工厂方法模式是一种更灵活的工厂模式实现。它将对象的创建过程委托给子类，允许我们在不修改工厂类的情况下创建不同类型的对象。

abstract class Factory {
  abstract createProduct();
}

class ConcreteFactoryA extends Factory {
  createProduct() {
    return new ProductA();
  }
}

class ConcreteFactoryB extends Factory {
  createProduct() {
    return new ProductB();
  }
}

const factoryA = new ConcreteFactoryA();
const productA = factoryA.createProduct();
const factoryB = new ConcreteFactoryB();
const productB = factoryB.createProduct();