JavaScript工厂模式：理解设计模式的灵魂之作

前端

2023-04-22 06:10:43

工厂模式：解锁代码灵活性的灵丹妙药

什么是工厂模式？

工厂模式是一种设计模式，旨在分离对象的创建过程与其实际实现。它提供了一个统一的接口来创建对象，从而使系统更加灵活、易于扩展和维护。

工厂模式是如何工作的？

工厂模式主要由三个关键角色组成：

工厂类： 负责创建对象，包含创建逻辑和具体实现。
产品类： 所有产品（对象）的抽象基类或接口，定义了它们的共同特征和行为。
客户端代码： 通过工厂类接口创建对象，无需关心其具体实现。

工厂模式的优势

灵活性： 允许更改产品的具体实现，而无需修改客户端代码。
可扩展性： 可以轻松添加新的产品类型，无需修改现有代码。
低耦合： 将客户端代码与产品的具体实现解耦，降低系统耦合度。
高内聚： 将对象的创建逻辑集中在一个地方，提高系统内聚度。

工厂模式的实际应用

为了更好地理解工厂模式，让我们考虑一个形状创建器的示例：

// Shape 类
class Shape {
  constructor(type) {
    this.type = type;
  }

  draw() {
    console.log(`Drawing a ${this.type} shape`);
  }
}

// Factory 类
class ShapeFactory {
  createShape(type) {
    switch (type) {
      case 'circle':
        return new Circle();
      case 'square':
        return new Square();
      case 'triangle':
        return new Triangle();
      default:
        throw new Error('Invalid shape type');
    }
  }
}

// Circle 类
class Circle extends Shape {
  constructor() {
    super('circle');
  }

  draw() {
    super.draw();
    console.log('Drawing a circle');
  }
}

// Square 类
class Square extends Shape {
  constructor() {
    super('square');
  }

  draw() {
    super.draw();
    console.log('Drawing a square');
  }
}

// Triangle 类
class Triangle extends Shape {
  constructor() {
    super('triangle');
  }

  draw() {
    super.draw();
    console.log('Drawing a triangle');
  }
}

// 客户端代码
const factory = new ShapeFactory();

const circle = factory.createShape('circle');
circle.draw(); // 输出：Drawing a circle shape Drawing a circle

const square = factory.createShape('square');
square.draw(); // 输出：Drawing a square shape Drawing a square

const triangle = factory.createShape('triangle');
triangle.draw(); // 输出：Drawing a triangle shape Drawing a triangle