Typescript 设计模式之工厂方法

在现实生活中，工厂是负责生产产品的，好比牛奶、面包或礼物等，这些产品知足了咱们平常的生理需求。此外，在平常生活中，咱们也离不开大大小小的系统，这些系统是由不一样的组件对象构成。

而做为一名 Web 软件开发工程师，在软件系统的设计与开发过程当中，咱们能够利用设计模式来提升代码的可重用性、可扩展性和可维护性。在众多设计模式当中，有一种被称为工厂模式的设计模式，它提供了建立对象的最佳方式。

工厂模式能够分为三类：

• 简单工厂模式（Simple Factory Pattern）
• 工厂方法模式（Factory Method Pattern）
• 抽象工厂模式（Abstract Factory Pattern）

本文阿宝哥将介绍简单工厂模式与工厂方法模式，而抽象工厂模式将在后续的文章中介绍，下面咱们先来介绍简单工厂模式。

1、简单工厂模式

1.1 简单工厂模式简介

简单工厂模式又叫 静态方法模式，由于工厂类中定义了一个静态方法用于建立对象。简单工厂让使用者不用知道具体的参数就能够建立出所需的 ”产品“ 类，即便用者能够直接消费产品而不须要知道产品的具体生产细节。

相信对于刚接触简单工厂模式的小伙伴来讲，看到以上的描述可能会以为有点抽象。这里为了让小伙伴更好地理解简单工厂模式，阿宝哥以用户买车为例，来介绍一下 BMW 工厂如何使用简单工厂模式来生产🚗。

在上图中，阿宝哥模拟了用户购车的流程，pingan 和 qhw 分别向 BMW 工厂订购了 BMW730 和 BMW840 型号的车型，接着工厂按照对应的模型进行生产并在生产完成后交付给用户。接下来，阿宝哥将介绍如何使用简单工厂来描述 BMW 工厂生产指定型号车子的过程。

1.2 简单工厂模式实战

1. 定义 BMW 抽象类

abstract class BMW {
  abstract run(): void;
}

1. 建立 BMW730 类（BMW 730 Model）

class BMW730 extends BMW {
  run(): void {
    console.log("BMW730 发动咯");
  }
}

1. 建立 BMW840 类（BMW 840 Model）

class BMW840 extends BMW {
  run(): void {
    console.log("BMW840 发动咯");
  }
}

1. 建立 BMWFactory 工厂类

class BMWFactory {
  public static produceBMW(model: "730" | "840"): BMW {
    if (model === "730") {
      return new BMW730();
    } else {
      return new BMW840();
    }
  }
}

1. 生产并发动 BMW730 和 BMW840

const bmw730 = BMWFactory.produceBMW("730");
const bmw840 = BMWFactory.produceBMW("840");

bmw730.run();
bmw840.run();

以上代码运行后的输出结果为：

BMW730 发动咯 
BMW840 发动咯

经过观察以上的输出结果，咱们能够知道咱们的 BMWFactory 已经能够正常工做了。在 BMWFactory 类中，阿宝哥定义了一个 produceBMW() 方法，该方法会根据传入的模型参数来建立不一样型号的车子。

看完简单工厂模式实战的示例，你是否是以为简单工厂模式仍是挺好理解的。那么什么场景下使用简单工厂模式呢？要回答这个问题咱们须要来了解一下简单工厂的优缺点。

1.3 简单工厂模式优缺点

1.3.1 优势

• 将建立实例与使用实例的任务分开，使用者没必要关心对象是如何建立的，实现了系统的解耦；
• 客户端无须知道所建立的具体产品类的类名，只须要知道具体产品类所对应的参数便可。

1.3.2 缺点

• 因为工厂类集中了全部产品建立逻辑，一旦不能正常工做，整个系统都要受到影响。
• 系统扩展困难，一旦添加新产品就不得不修改工厂逻辑，在产品类型较多时，也有可能形成工厂逻辑过于复杂，不利于系统的扩展和维护。

了解完简单工厂的优缺点，咱们来看一下它的应用场景。

1.4 简单工厂模式应用场景

在知足如下条件下能够考虑使用简单工厂模式：

• 工厂类负责建立的对象比较少：因为建立的对象比较少，不会形成工厂方法中业务逻辑过于复杂。
• 客户端只需知道传入工厂类静态方法的参数，而不须要关心建立对象的细节。

介绍完简单工厂模式，接下来咱们来介绍本文的主角 ”工厂方法模式“。

2、工厂方法模式

2.1 工厂方法简介

工厂方法模式（Factory Method Pattern）又称为工厂模式，也叫多态工厂（Polymorphic Factory）模式，它属于类建立型模式。

在工厂方法模式中，工厂父类负责定义建立产品对象的公共接口，而工厂子类则负责生成具体的产品对象， 这样作的目的是将产品类的实例化操做延迟到工厂子类中完成，即经过工厂子类来肯定究竟应该实例化哪个具体产品类。

在上图中，阿宝哥模拟了用户购车的流程，pingan 和 qhw 分别向 BMW 730 和 BMW 840 工厂订购了 BMW730 和 BMW840 型号的车型，接着工厂按照对应的模型进行生产并在生产完成后交付给用户。接下来，阿宝哥来介绍如何使用工厂方法来描述 BMW 工厂生产指定型号车子的过程。

2.2 工厂方法实战

1. 定义 BMW 抽象类

abstract class BMW {
  abstract run(): void;
}

1. 建立 BMW730 类（BMW 730 Model）

class BMW730 extends BMW {
  run(): void {
    console.log("BMW730 发动咯");
  }
}

1. 建立 BMW840 类（BMW 840 Model）

class BMW840 extends BMW {
  run(): void {
    console.log("BMW840 发动咯");
  }
}

1. 定义 BMWFactory 接口

interface BMWFactory {
  produceBMW(): BMW;
}

1. 建立 BMW730Factory 类

class BMW730Factory implements BMWFactory {
  produceBMW(): BMW {
    return new BMW730();
  }
}

1. 建立 BMW840Factory 类

class BMW840Factory implements BMWFactory {
  produceBMW(): BMW {
    return new BMW840();
  }
}

1. 生产并发动 BMW730 和 BMW840

const bmw730Factory = new BMW730Factory();
const bmw840Factory = new BMW840Factory();

const bmw730 = bmw730Factory.produceBMW();
const bmw840 = bmw840Factory.produceBMW();

bmw730.run();
bmw840.run();

经过观察以上的输出结果，咱们能够知道咱们的 BMW730Factory 和 BMW840Factory 工厂已经能够正常工做了。相比前面的简单工厂模式，工厂方法模式经过建立不一样的工厂来生产不一样的产品。下面咱们来看一下工厂方法有哪些优缺点。

2.3 工厂方法优缺点

2.3.1 优势

• 在系统中加入新产品时，无须修改抽象工厂和抽象产品提供的接口，只要添加一个具体工厂和具体产品就能够了。这样，系统的可扩展性也就变得很是好，更加符合 “开闭原则”。而简单工厂模式须要修改工厂类的判断逻辑。
• 符合单一职责的原则，即每一个具体工厂类只负责建立对应的产品。而简单工厂模式中的工厂类存在必定的逻辑判断。
• 基于工厂角色和产品角色的多态性设计是工厂方法模式的关键。它可以使工厂能够自主肯定建立何种产品对象，而如何建立这个对象的细节则彻底封装在具体工厂内部。工厂方法模式之因此又被称为多态工厂模式，是由于全部的具体工厂类都具备同一抽象父类。

2.3.2 缺点

• 在添加新产品时，须要编写新的具体产品类，并且还要提供与之对应的具体工厂类，系统中类的个数将成对增长，在必定程度上增长了系统的复杂度，有更多的类须要编译和运行，会给系统带来一些额外的开销。
• 一个具体工厂只能建立一种具体产品。

最后咱们来简单介绍一下工厂方法的应用场景。

2.4 工厂方法应用场景

• 一个类不知道它所须要的对象的类：在工厂方法模式中，客户端不须要知道具体产品类的类名，只须要知道所对应的工厂便可，具体的产品对象由具体工厂类建立；客户端须要知道建立具体产品的工厂类。
• 一个类经过其子类来指定建立哪一个对象：在工厂方法模式中，对于抽象工厂类只须要提供一个建立产品的接口，而由其子类来肯定具体要建立的对象，利用面向对象的多态性和里氏代换原则，在程序运行时，子类对象将覆盖父类对象，从而使得系统更容易扩展。

3、参考资源

• 简单工厂模式（SimpleFactoryPattern）
• design-patterns - simple_factory
• 工厂方法模式（Factory Method）

4、推荐阅读

• 了不得的 TypeScript 入门教程
• 了不得的 Deno 入门篇
• 了不得的 Deno 实战教程
• 你不知道的 Blob
• 你不知道的 WeakMap