Nest框架之builder设计模式

一.背景


🐻今天在阅读Nest小册内容的时候了解到 Nest 内构建复杂对象很多地方都用到了 builder 的设计模式,有点不理解这个设计模式的具体内容是什么,决定在此学习探究下。

二.基本概念解析


🤡建造者模式(Builder Pattern)是一种创建型设计模式,用于将对象的构建过程与其表示分离。它允许你根据相同的构建过程创建不同的表示XXX 这是给人看的吗?!!!完全看不懂,建造者模式其实是这样的。

🫥举个简单的例子,想象一下你去汉堡店点了一个🍔,这个汉堡有很多不同的部件,并且不同的🍔因为价格不同可能层数,馅料也不同,但是做汉堡的方式其实就是有限的材料堆叠,这个汉堡有不同的部件,比如,面包,鸡肉,生菜,酱料等,使用建造者模式你可以将汉堡的构建分为不同的步骤,并由不同的工人负责不同的步骤,首先你有一个🍔总监,可以理解为一个管事的,他负责监管整个汉堡的制作过程,然后你会有不同的工人,烤面包的工人,烤鸡肉的工人,放生菜的工人,涂酱料的工人,每个工人都能完成自己的任务,监管可以指挥不同的工人去制作这个你需要的汉堡,当工人工作完后,你就得到了一个汉堡

三.使用TS代码实现上述内容


🐻汉堡类,用来制作者汉堡,拿到材料组合汉堡。

js 复制代码
/**
 * @class Burger
 * @description 汉堡制作类
 */
class Burger {
  private bread: string
  private meat: string
  private lettuce: boolean
  private sauce: string
  constructor() {
    this.bread = ''
    this.meat = ''
    this.lettuce = false
    this.sauce = ''
  }

  // 放置面包
  public setBread(bread: string): void {
    this.bread = bread
  }

  // 放置肉
  public setMeat(meat: string): void {
    this.meat = meat
  }

  public setLettuce(lettuce: boolean): void {
    this.lettuce = lettuce
  }

  public setSauce(sauce: string): void {
    this.sauce = sauce
  }

  public getInfo(): string {
    let lettuceInfo = this.lettuce ? 'with lettuce' : 'without lettuce'
    return `Burger: ${this.meat} burger on ${this.bread}, ${lettuceInfo}, topped with ${this.sauce}`
  }
}

🤡汉堡构造类,用来构造不同的材料

js 复制代码
/**
 * @class BurgerBuilder
 */

class BurgerBuilder {
  private burger: Burger

  constructor() {
    this.burger = new Burger()
  }

  public buildBread(bread: string): void {
    this.burger.setBread(bread)
  }

  public buildMeat(meat: string): void {
    this.burger.setMeat(meat)
  }

  public buildLettuce(lettuce: boolean): void {
    this.burger.setLettuce(lettuce)
  }

  public buildSauce(sauce: string): void {
    this.burger.setSauce(sauce)
  }

  public getBurger(): Burger {
    return this.burger
  }
}

🫥生成汉堡的代码

js 复制代码
const builder = new BurgerBuilder()

builder.buildBread('sesame bun')
builder.buildMeat('beef')
builder.buildLettuce(true)
builder.buildSauce('ketchup')

const burger = builder.getBurger()
console.log(burger.getInfo()) // 输出:Burger: beef burger on sesame bun, with lettuce, topped with ketchup

四.对应逻辑流程图


🥱正如上方代码Burger就相当于厨师,工人提供什么材料就做什么汉堡,对工人的操作是程序员来做的,自己去提供了不同的材料就拼凑出了不同的对象,如果一个对象比较复杂,这样就能很好的拆分和复用。

五.总结


🤡builder的设计模式落实到我们生活中就是你可以根据不同的需求让机器来帮你做不同的东西,在程序中主要是为了解决复杂对象的问题,使用这种设计模式就可以很好的解决。

相关推荐
@_猿来如此12 分钟前
Web网页制作之JavaScript的应用
前端·javascript·css·html·html5
顾尘眠4 小时前
http常用状态码(204,304, 404, 504,502)含义
前端
王先生技术栈6 小时前
思维导图,Android版本实现
java·前端
悠悠:)6 小时前
前端 动图方案
前端
星陈~6 小时前
检测electron打包文件 app.asar
前端·vue.js·electron
Aatroox6 小时前
基于 Nuxt3 + Obsidian 搭建个人博客
前端·node.js
每天都要进步哦7 小时前
Node.js中的fs模块:文件与目录操作(写入、读取、复制、移动、删除、重命名等)
前端·javascript·node.js
brzhang8 小时前
开源了一个 Super Copy Coder ,0 成本实现视觉搞转提示词,效率炸裂
前端·人工智能
diaobusi-888 小时前
HTML5-标签
前端·html·html5
我命由我123458 小时前
CesiumJS 案例 P34:场景视图(3D 视图、2D 视图)
前端·javascript·3d·前端框架·html·html5·js