JavaScript设计模式系列三:建造者模式
2017-12-21 00:54
375 查看
建造者模式
前言:本系列代码已上传到GitHub地址 https://github.com/HolyZheng/-JavaScript-建造者模式(builder pattern)比较简单,它属于创建型模式的一种,将一个复杂的对象分解成多个简单的对象来进行构建,将复杂的构建层与表示层分离,使得相同的构建过程可以创建不同的表示的模式便是建造者模式。
优点
建造者模式的封装性很好,对象本身与构建过程解耦。建造者模式很容易进行扩展。如果有新的需求,通过实现一个新的建造者类就可以
4000
完成。
适用场景
需要生成的对象具有复杂得内部结构;且内部属性本身相互依赖建造者模式的代码实现
建造者模式主要有4个部分:product产品类、Builder建造者类、Director指挥者类、客户。主要的流程是:
客户提出需求。
指挥者根据用户需求,指挥建造者去完成需求的各个部分。
建造者完成相应的部分。
我们来看一下相应的代码:
产品类为一辆加工的空壳汽车。
/** * 产品类: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方法得到了这辆车,并且不需要知道其中得建造细节。
总结
建造者模式主要用于“分布构建一个复杂的对象”,它很容易进行扩展。如果有新的需求,通过实现一个新的建造者类就可以完成,并且建造者模式解耦了对象本身与构建过程,使得我们不用关心具体的建造过程。相关文章推荐
- javaScript设计模式系列(二) 单体模式
- 深入理解JavaScript系列(27):设计模式之建造者模式
- 深入理解JavaScript系列(27):设计模式之建造者模式
- JavaScript设计模式系列:模块模式(Module)
- 通俗易懂系列 | 设计模式(八):建造者模式
- javaScript设计模式系列(五) 桥接模式
- JAVA系列-设计模式-建造者模式
- JavaScript设计模式系列七:装饰者模式
- PHP设计模式系列(八):建造者模式
- 深入理解JavaScript系列(27):设计模式之建造者模式详解
- C# 设计模式系列教程-建造者模式
- PHP设计模式系列 - 建造者模式
- JavaScript设计模式——建造者模式
- PHP设计模式系列 - 建造者模式
- 深入理解JavaScript系列(27):设计模式之建造者模式
- 设计模式学习系列7 建造者模式
- 深入理解JavaScript系列(27):设计模式之建造者模式
- 设计模式系列课程12之【建造者模式】
- java设计模式系列-建造者模式
- javascript设计模式系列01_单例模式应用_tooltip插件