JavaScript设计模式之建造者模式介绍


Posted in Javascript onDecember 28, 2014

建造者模式说明

1. 将一个复杂对象的 构造 与它的表示相分离,使同样的创建过程可有不同的表示,这就叫做建造者模式。
2. 面向对象语言中的说明,主要角色:

1>. Builder 这个接口类,定义这个建造者[工人],统一的可操作的行为方式,它表示一个复杂的结构对象;
2>. ConcreteBuilder 用于创建[实现] Builder 各种形态的实例对象,来表示 Builder 不同的表示;
3>. Director 这个指挥者 用于指导 Builder 实例的执行过程跟形式,用于与 Builder 的实例 表现 相分离,用于指导 这个 Builder 实例 按某规则顺序来创建生成 产品结果;
4>. ResultObject 创建的结果都会生成一个结果对象;这是具体创建者根据 Director 指导创建的结果;

3. 建造者模式实际,就是一个指挥者,一个建造者,一个使用指挥者调用具体建造者工作、并得从具体建造者得出结果的客户;

4. 建造者模式,模拟场景:[看到一个说明建造者模式描述的例子很好]

说一户家人要建房子,但房子主人或家里其他人是不懂得如何去建房子的,所以他得去请几个工人,这个建房子的队伍还得有个工头,来按房主人的想法来建一套房子,工头按房主人的要求设计要求工人如何如何做;

工头说,第一步先把房整体骨架搭起来,第二步睡房建造好,第三步把厨房装饰好,第四步把客厅建造装饰完毕,第五步...

工头是不做事的,但具体建造者必须按照工头的要求来做,第一步,第二步的这样步骤来建造,直至整个房子完成;

创建者必须要有创建这个房屋的所有技能,即建骨架,装饰睡房等...,即建造者所做的事,或所具有的能力,必须大于或等于指挥者要求要做的事,或具有的能力;

即指挥者是个组织者,而建造者提供技能;

5. JavaScript 这种弱语言里,没有接口这样的东西,就忽略接口定义这一层,直接创建具体建造者,再建一个 指导类来回调这个建造者;

实例源码

1. 工人建造者X:

function workerBuilder() {

    this.workOne = function() {

         //建房子骨架

    }

    this.workTwo=function() {

         //建睡房

    }

    this.workThree=function() {

         //建厨房

    }

    this.workFour=function() {

         //建客厅

    }

    //....

    

    this.getResult = function() {

         //建成房子

 var house = new House();


 //house.HouseFrame ...


 return house; 

    }

}

workBuilder 是具体建造者类,workOne, Two是要做的事情,建骨架等;

当然 workBuilder 可以多建几个,用于表示 工人 对于每个工作执行的方法不一样;但工作内容是一样的;

2. 指挥者类

function Director() {

     this.construct = function(builder) {

          builder.workOne();

          builder.workTwo();

          builder.workThree();

          builder.workFour();

          //...

          //上面的内容,顺序可设置,并且工作项也可以设定

     }

}

指挥者类下的 指导 方法,有对 建造者 的回调引用,内容包括建者工作内容几项或全部; 指挥者对建造者工人要做的事情进行组织跟安排;

3. 产品房子

function House() {

    this.HouseFrame = '';

    this.Room = '';

    this.Kitchen = '';

    this.LivingRoom = '';

    //...

}

4. 使用方法

var builder = new workBuilder();

var director = new Director();

director.construct(builder);
var house = builder.getResult();

第四步,整个使用相当于客户:房主人,房主人请 Director 工头来建房子,但是工头是不做事的,所以他指挥 builder 工个来建子,最后房主人从工人那里取得建好的房子;

其他说明

建造者模式比较适于那种,内容[抽象]复杂,实际场景表现又多个不一样,比如工作内容或顺序不一致的情况;比如每个人每天的生活过程啊,还有像上面的实例类似的场景;通过指导者层,可以减少对很多相似工作场合,但工作规则顺序不一致的环境;可以大减少对实际对象的建造抽象;

Javascript 相关文章推荐
JQUERY 对象与DOM对象之两者相互间的转换
Apr 27 Javascript
js 跨域和ajax 跨域问题小结
Jul 01 Javascript
IE6不能修改NAME问题的解决方法
Sep 03 Javascript
jquery动态添加删除(tr/td)
Feb 09 Javascript
Ionic快速安装教程
Jun 03 Javascript
jQuery 3.0 的 setter和getter 模式详解
Jul 11 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
js基础之DOM中document对象的常用属性方法详解
Oct 28 Javascript
javascript cookie的基本操作(添加和删除)
Jul 24 Javascript
js实现动态改变radio状态的方法
Feb 28 Javascript
vue 子组件watch监听不到prop的解决
Aug 09 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
Oct 30 Javascript
如何编写高质量JS代码
Dec 28 #Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
Dec 28 #Javascript
javascript中定义类的方法汇总
Dec 28 #Javascript
js数组的操作指南
Dec 28 #Javascript
JavaScript设计模式之适配器模式介绍
Dec 28 #Javascript
javascript+canvas制作九宫格小程序
Dec 28 #Javascript
JavaScript设计模式之装饰者模式介绍
Dec 28 #Javascript
You might like
PHP调用三种数据库的方法(2)
2006/10/09 PHP
PHP strtok()函数的优点分析
2010/03/02 PHP
10个可以简化php开发过程的MySQL工具
2010/04/11 PHP
PHP的可变变量名的使用方法分享
2012/02/05 PHP
php 解决旧系统 查出所有数据分页的类
2012/08/27 PHP
PHP设计模式(六)桥连模式Bridge实例详解【结构型】
2020/05/02 PHP
jquery中常用的SET和GET
2009/01/13 Javascript
jquery tools之tooltip
2009/07/25 Javascript
jQuery 渐变下拉菜单
2009/12/15 Javascript
js判断浏览器类型为ie6时不执行
2014/06/15 Javascript
使用JS+plupload直接批量上传图片到又拍云
2014/12/01 Javascript
node.js中的fs.open方法使用说明
2014/12/17 Javascript
jQuery中的通配符选择器使用总结
2016/05/30 Javascript
BootStrap学习系列之布局组件(下拉,按钮组[toolbar],上拉)
2017/01/03 Javascript
浅谈箭头函数写法在ReactJs中的使用
2017/08/22 Javascript
vue router使用query和params传参的使用和区别
2017/11/13 Javascript
JS/jQuery实现DIV延时几秒后消失或显示的方法
2018/02/12 jQuery
vue车牌号校验和银行校验实战
2019/01/23 Javascript
详解vue引入子组件方法
2019/02/12 Javascript
基于js判断浏览器是否支持webGL
2020/04/18 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
2020/11/06 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
2020/11/13 Javascript
[01:03:27]Optic vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python首次安装后运行报错(0xc000007b)的解决方法
2016/10/18 Python
Python切片操作深入详解
2018/07/27 Python
详解Python安装tesserocr遇到的各种问题及解决办法
2019/03/07 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
Python使用Pyqt5实现简易浏览器(最新版本测试过)
2020/04/27 Python
Guess荷兰官网:美国服饰品牌
2020/01/22 全球购物
KIKO MILANO俄罗斯官网:意大利领先的化妆品和护肤品品牌
2021/01/09 全球购物
《蒙娜丽莎之约》教学反思
2014/02/27 职场文书
旅游文化节策划方案
2014/06/06 职场文书
试用期转正后的自我评价
2014/09/21 职场文书
社区领导班子四风问题原因分析及整改措施
2014/09/28 职场文书
python 实现定时任务的四种方式
2021/04/01 Python
5个pandas调用函数的方法让数据处理更加灵活自如
2022/04/24 Python