JavaScript设计模式系列三:建造者模式
来源:互联网 发布:公司群发短信软件 编辑:程序博客网 时间:2024/06/01 18:04
建造者模式
前言:本系列代码已上传到GitHub地址 https://github.com/HolyZheng/-JavaScript-
建造者模式(builder pattern)比较简单,它属于创建型模式的一种,将一个复杂的对象分解成多个简单的对象来进行构建,将复杂的构建层与表示层分离,使得相同的构建过程可以创建不同的表示的模式便是建造者模式。
优点
- 建造者模式的封装性很好,对象本身与构建过程解耦。
- 建造者模式很容易进行扩展。如果有新的需求,通过实现一个新的建造者类就可以完成。
适用场景
需要生成的对象具有复杂得内部结构;且内部属性本身相互依赖
建造者模式的代码实现
建造者模式主要有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方法得到了这辆车,并且不需要知道其中得建造细节。
总结
建造者模式主要用于“分布构建一个复杂的对象”,它很容易进行扩展。如果有新的需求,通过实现一个新的建造者类就可以完成,并且建造者模式解耦了对象本身与构建过程,使得我们不用关心具体的建造过程。
阅读全文
0 0
- JavaScript设计模式系列三:建造者模式
- 设计模式系列学习三:建造者模式(Builder)
- 设计模式系列之三:建造者模式
- 【设计模式】(三)建造者
- PHP设计模式系列 - 建造者模式
- 设计模式系列5-建造者模式
- JAVA系列-设计模式-建造者模式
- 炒冷饭系列:设计模式 建造者模式
- PHP设计模式系列 - 建造者模式
- 设计模式系列之 建造者模式
- 设计模式系列:建造者模式
- PHP设计模式系列 - 建造者模式
- 设计模式系列之建造者模式
- Javascript设计模式-03-建造者模式
- C++设计模式[三]建造者模式
- 设计模式(三)建造者模式
- 设计模式(三)建造者模式
- 【设计模式】【三】建造者模式
- Apache访问日志
- CSDN初体验,有收获也产生了疑惑
- 树莓派(Raspberry Pi 3b)安装Kail Linux 2017.2及配置
- 一份react-native面试题
- Leetcode 135 Candy 解题报告
- JavaScript设计模式系列三:建造者模式
- VUE2.0开发环境搭建
- elasticsearch结构化搜索
- 事务
- VUE静态页面helloworld
- 阻塞queue系列之PriorityBlockingQueue
- 菜鸡的linux之路(一)
- VUE指令条件渲染v-if
- Apache虚拟主机开启PHP短标签