TypeScript | 设计模式04 - 建造者模式

简介: 建造者模式 也叫做 生成器模式

建造者模式 也叫做 生成器模式

Separate the construction of a complex object from its representation so that the same construction process can create different representations.

将一个复杂的对象的构建与它的表示分离,使得同样的构建过程可以创建不顶用的表示。

建造者模式的通用类图:

builder.png

可以从以上结构图看到有4个主要角色:

  • 抽象建造者(Builder):规范产品的组建,包含创建产品各个子部件的抽象方法的接口,通常还包含一个返回复杂产品的方法 getResult()。
  • 指挥者(Director):“负责安排已有模块的顺序,然后告诉Builder开始建造”
  • 具体建造者(ConreteBuilder):实现抽象类Builder定义的所有方法,并且返回一个组件好的对象
  • 产品(Product):它是包含多个组成部件的复杂对象,由具体建造者来创建其各个零部件。

使用建造者实现一个demo,进行分析:

class App {
  private name: string | undefined;
  private version: string | undefined;
}
​
// 软件建造者抽象类
abstract class AppBuilder {
  protected app = new App();
  public abstract requirementDoc(): void;
  public abstract codeProcess(): void;
  public abstract testProcess(): void;
  public abstract upTimeProcess(): void;
​
  public buidlApp() {
    return this.app;
  }
}
​
// web应用
class WebApp extends AppBuilder {
  public requirementDoc(): void {
    console.log(`web开发:需求阶段`);
  }
  public codeProcess(): void {
    console.log(`web开发:编码阶段`);
  }
  public testProcess(): void {
    console.log(`web开发:测试阶段`);
  }
  public upTimeProcess(): void {
    console.log(`web开发:上线阶段`);
  }
}
​
class PhoneApp extends AppBuilder {
  public requirementDoc(): void {
    console.log(`手机app开发:需求阶段`);
  }
  public codeProcess(): void {
    console.log(`手机app开发:编码阶段`);
  }
  public testProcess(): void {
    console.log(`手机app开发:测试阶段`);
  }
  public upTimeProcess(): void {
    console.log(`手机app开发:测试阶段`);
  }
}
​
// 指挥者
class AppDirector {
  public appBuilder: AppBuilder;
  // 构造器传入
  constructor(appBuilder: AppBuilder) {
    this.appBuilder = appBuilder;
  }
​
  public setAppBuilder(appBuilder: AppBuilder) {
    this.appBuilder = appBuilder;
  }
​
  public createApp(): App {
    this.appBuilder.requirementDoc();
    this.appBuilder.codeProcess();
    this.appBuilder.testProcess();
    this.appBuilder.upTimeProcess();
    return this.appBuilder.buidlApp();
  }
}
​
// ---测试---
(() => {
  const webApp = new WebApp();
  const appdirector = new AppDirector(webApp);
  appdirector.createApp();
​
  const phoneApp = new PhoneApp();
  const appdirector2 = new AppDirector(phoneApp);
  appdirector2.createApp();
})();
// ---输出结果---
web开发:需求阶段
web开发:编码阶段
web开发:测试阶段
web开发:上线阶段
手机app开发:需求阶段
手机app开发:编码阶段
手机app开发:测试阶段
手机app开发:测试阶段

指挥者AppDirector和每个产品具体内部组成细节的解偶,AppBuilder 和 PhoneBuilder时相互独立的,互不影响,对系统的扩展非常有利。

但是,如果每个产品建造过程复杂的话,就会产生很多个建造类,而且产品必须有共同点,整个建造步骤要相同,导致范围的限制

可以注意到:建造者模式更多关注的是产品类型和建造顺序,所以其更多的使用场景如下:

  • 相同的方法,不同的执行顺序,产生不同的事件结果时,使用建造者模式
  • 多个过程,都可以装配到一个对象中,但产生的结果不同时,使用建造者模式
  • 产品类复杂,或产品类中调用顺序不同产生不同的效能时,使用建造者模式
  • 在对象创建过程中会使用到系统中的一些其他对象,且这些对象在产品对象的创建中不易得到时,使用建造者模式
目录
相关文章
|
6月前
|
设计模式 Java
【设计模式系列笔记】建造者模式
建造者模式是一种创建型设计模式,用于将复杂对象的构建与其表示分离,使构建过程可定制。关键元素包括产品类(定义要构建的对象)、建造者接口(定义构建方法)、具体建造者类(实现构建过程)和指导者类(负责构建过程)。通过建造者模式,客户端可以灵活地创建具有不同表示的复杂对象,提高代码的可读性和可维护性,尤其适用于构建过程复杂且包含多个可选部分的情况。
131 1
|
6月前
|
设计模式 安全 Java
构建未来应用:Java设计模式 - 建造者模式(Builder)在现代编程中的应用
【4月更文挑战第7天】建造者模式是提升代码质量的关键,尤其在复杂环境中。它分步骤构建对象,将构建与表示分离,适用于UI构建、数据模型组装、配置文件解析和网络请求构造等场景。最佳实践包括明确构建步骤、提供默认值、支持链式调用和确保线程安全。然而,过多步骤、不一致状态和性能问题是使用时需注意的问题。掌握建造者模式对于现代编程至关重要。
86 3
|
2月前
|
设计模式 算法
设计模式--建造者模式 builder
这篇文章通过一个电脑购买的例子,详细解释了建造者模式的四个角色(产品类、抽象构建者、实体构建类和指导者类),并提供了相应的代码实现,阐述了建造者模式在设计复杂对象时的应用和优势。
设计模式--建造者模式 builder
|
6天前
|
设计模式 JavaScript Java
Java设计模式:建造者模式详解
建造者模式是一种创建型设计模式,通过将复杂对象的构建过程与表示分离,使得相同的构建过程可以创建不同的表示。本文详细介绍了建造者模式的原理、背景、应用场景及实际Demo,帮助读者更好地理解和应用这一模式。
|
2月前
|
设计模式 算法 Java
Java设计模式-建造者模式(6)
Java设计模式-建造者模式(6)
|
3月前
|
设计模式 XML 存储
【四】设计模式~~~创建型模式~~~建造者模式(Java)
文章详细介绍了建造者模式(Builder Pattern),这是一种创建型设计模式,用于将复杂对象的构建与其表示分离,允许分步骤创建一个复杂的对象而无需指定其内部的具体构造细节。通过定义抽象建造者、具体建造者、指挥者和产品角色,建造者模式允许通过相同的构建过程创建不同的产品表示,提高了系统的灵活性和扩展性。
|
5月前
|
设计模式 算法
建造者模式-大话设计模式
建造者模式-大话设计模式
|
6月前
|
设计模式 uml
大话设计模式(3)——造物者一般的建造者模式
大话设计模式(3)——造物者一般的建造者模式
42 1
大话设计模式(3)——造物者一般的建造者模式
|
4月前
|
设计模式 JavaScript
js设计模式【详解】—— 建造者模式
js设计模式【详解】—— 建造者模式
48 0
|
5月前
|
设计模式
设计模式-05建造者模式(Builder Pattern)
设计模式-05建造者模式(Builder Pattern)