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

相关推荐
excel7 小时前
ES6 中函数的双重调用方式:fn() 与 fn\...``
前端
可乐爱宅着7 小时前
全栈框架next.js入手指南
前端·next.js
你的人类朋友8 小时前
什么是API签名?
前端·后端·安全
会豪10 小时前
Electron-Vite (一)快速构建桌面应用
前端
中微子10 小时前
React 执行阶段与渲染机制详解(基于 React 18+ 官方文档)
前端
唐某人丶10 小时前
教你如何用 JS 实现 Agent 系统(2)—— 开发 ReAct 版本的“深度搜索”
前端·人工智能·aigc
中微子10 小时前
深入剖析 useState产生的 setState的完整执行流程
前端
遂心_11 小时前
JavaScript 函数参数传递机制:一道经典面试题解析
前端·javascript
小徐_233311 小时前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
RoyLin11 小时前
TypeScript设计模式:适配器模式
前端·后端·node.js