JavaScript 设计模式之-建造者模式（Builder Pattern）

什么是建造者模式?
使用多个简单的对象一步一步构建成一个复杂的对象。这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。
一个 Builder 类会一步一步构造最终的对象。该 Builder 类是独立于其他对象的。

意图：将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示

在这样的设计模式中，有以下几个角色：
1 builder：为创建一个产品对象的各个部件指定抽象接口。
2 ConcreteBuilder：实现Builder的接口以构造和装配该产品的各个部件，定义并明确它所创建的表示，并提供一个检索产品的接口。
3 Director：构造一个使用Builder接口的对象。
4 Product：表示被构造的复杂对象。ConcreteBuilder创建该产品的内部表示并定义它的装配过程，包含定义组成部件的类，包括将这些部件装配成最终产品的接口。(百度百科)

建造者模式有哪些使用场景?
初始化一个对象时，参数过多，或者很多参数具有默认值
使得同样的构建过程可以创建不同的表示，我举个例子比如我封装一个网络库，执行顺序都是设置先 baseUrl, 然后设置http head,但是我想可以用户自己选择用axios还是fetch 然后执行get ,post 请求.这时候就可以用建造模式封装
iOS 有个开源库Masonry 就是非常一个典型的建造这模式编写的框架.
Jquery中的ajax请求也用到建造者模式

建造者模式优缺点有哪些?
优点
1、建造者独立，易扩展。
2、便于控制细节风险.
缺点
1、产品必须有共同点，范围有限制。
2、如内部变化复杂，会有很多的建造类。

注意事项：
与工厂模式的区别是：建造者模式更加关注与零件装配的顺序。

JS 如何实现建造者模式？
例如我们要组装一台汽车，但是我们可以选择福耀的轮胎或者比亚迪的轮胎。

//福耀轮胎
class FYTryeFactory {
   tryeType() {
     return "福耀 Made"
   }
}

//比亚迪轮胎
class BYDTryeFactory {
  tryeType() {
    return "比亚迪 Made"
  }
}

//汽车
class Car {
  constructor(name,color,trye) {
    this.name = name
    this.color = color
    this.trye = trye;
  }
  say() {
    console.log("trye is",this.trye);
  }
}

class CarBuilder {
  constructor(name,color) {
    this.name = name
    this.color = color
  }

  setFYTrye() {
    this.trye = new FYTryeFactory().tryeType()
    return this
  }

  setBYDTrye() {
   this.trye = new BYDTryeFactory().tryeType()
   return this
  }
 
  build() {
    return new Car(this.name,this.color,this.trye)
  }
}

let car = new CarBuilder("野马","红色").setFYTrye().build();
console.log("===========",car.name,car.color);
car.say()

执行结果

上面代码其实进行了一些简化省略掉了抽象构建者（抽象类）

国外一篇博客
The Builder Pattern in JavaScript