JavaScript设计模式系列三:建造者模式

来源:互联网 发布:公司群发短信软件 编辑:程序博客网 时间:2024/06/01 18:04

建造者模式

前言:本系列代码已上传到GitHub地址 https://github.com/HolyZheng/-JavaScript-

建造者模式(builder pattern)比较简单,它属于创建型模式的一种,将一个复杂的对象分解成多个简单的对象来进行构建,将复杂的构建层与表示层分离,使得相同的构建过程可以创建不同的表示的模式便是建造者模式。

优点

  • 建造者模式的封装性很好,对象本身与构建过程解耦。
  • 建造者模式很容易进行扩展。如果有新的需求,通过实现一个新的建造者类就可以完成。

适用场景

需要生成的对象具有复杂得内部结构;且内部属性本身相互依赖


建造者模式的代码实现

建造者模式主要有4个部分:product产品类、Builder建造者类、Director指挥者类、客户。

主要的流程是:
  1. 客户提出需求。
  2. 指挥者根据用户需求,指挥建造者去完成需求的各个部分。
  3. 建造者完成相应的部分。

我们来看一下相应的代码:
产品类为一辆加工的空壳汽车。

/** * 产品类:car 目前需要构建一辆车。 */function car () {    this.name = '',    this.number = '',    this.wheel = '',    this.engine = ''}

接下来看一下建造者类:

/* *    建造者类,里面有专门负责各个部分的工人*/function carBuilder () {    this.nameBuilder = function () {        this.name = '很厉害的车'    },    this.numberBuilder = function () {        this.number = '88888888'    },    this.wheelBuilder = function () {        this.wheel =  '高级橡胶做的轮子'    },    this.engineBuilder = function () {        this.engine =  '很厉害的引擎'    },    this.getCar = function () {        var Car = new car()        Car.name = this.name;        Car.number= this.number;        Car.wheel = this.wheel;        Car.engine = this.engine;        return Car;    }}

再这里我们可以看到各个部分的工人以及他们的工作,他们的各自的工作最终合并成一辆汽车。

指挥者类:

/** *   指挥者类,指挥各个部分的工人工作 */function director () {    this.action = function (builder) {        builder.nameBuilder();        builder.numberBuilder();        builder.wheelBuilder();        builder.engineBuilder();    } }

最后就是使用方法:

/** *    使用方法 */var builder = new carBuilder();var director = new director();director.action(builder);var Car = builder.getCar();console.log(Car);

最终客户通过getCar方法得到了这辆车,并且不需要知道其中得建造细节。


总结

建造者模式主要用于“分布构建一个复杂的对象”,它很容易进行扩展。如果有新的需求,通过实现一个新的建造者类就可以完成,并且建造者模式解耦了对象本身与构建过程,使得我们不用关心具体的建造过程。