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 相关文章推荐
javascript下arguments,caller,callee,call,apply示例及理解
Dec 24 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
Aug 24 Javascript
js location.replace与location.reload的区别
Sep 08 Javascript
myFocus slide3D v1.1.0 使用方法与下载
Jan 12 Javascript
JS格式化数字保留两位小数点示例代码
Oct 15 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
Jan 21 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
JS点击缩略图整屏居中放大图片效果
Jul 04 Javascript
VeeValidate在vue项目里表单校验应用案例
May 09 Javascript
详解React之父子组件传递和其它一些要点
Jun 25 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
Jul 25 Javascript
vue页面切换项目实现转场动画的方法
Nov 12 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获取http请求的头信息实现步骤
2012/12/16 PHP
PHP中的表达式简述
2016/05/29 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
js实现翻页后保持checkbox选中状态的实现方法
2012/11/03 Javascript
Javascript实现重力弹跳拖拽运动效果示例
2013/06/28 Javascript
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
深入分析JQuery和JavaScript的异同
2014/10/23 Javascript
jQuery中outerHeight()方法用法实例
2015/01/19 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
2017/02/07 Javascript
js正则表达式验证密码强度【推荐】
2017/03/03 Javascript
详解在vue-cli项目中使用mockjs(请求数据删除数据)
2017/10/23 Javascript
vue数组对象排序的实现代码
2018/06/20 Javascript
layui数据表格重载实现往后台传参
2019/11/15 Javascript
JavaScript实现英语单词题库
2019/12/24 Javascript
[02:48]DOTA2超级联赛专访海涛:你们的选择没有错
2013/06/07 DOTA
[54:56]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第三局
2016/03/06 DOTA
python网络编程学习笔记(九):数据库客户端 DB-API
2014/06/09 Python
Python使用稀疏矩阵节省内存实例
2014/06/27 Python
详解Python3操作Mongodb简明易懂教程
2017/05/25 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
在python中将字符串转为json对象并取值的方法
2018/12/31 Python
Python学习笔记之自定义函数用法详解
2019/06/08 Python
给Python学习者的文件读写指南(含基础与进阶)
2020/01/29 Python
python 实现字符串下标的输出功能
2020/02/13 Python
Python GUI之tkinter窗口视窗教程大集合(推荐)
2020/10/20 Python
澳大利亚香水在线:Price Rite Mart
2017/12/28 全球购物
Urban Outfitters德国官网:美国跨国生活方式零售公司
2018/05/21 全球购物
牵手50台湾:专为黄金岁月的单身人士而设的交友网站
2021/02/18 全球购物
康拓普公司Java笔面试
2016/09/23 面试题
房地产销售经理岗位职责
2015/02/02 职场文书
2015年感恩父亲节演讲稿
2015/03/19 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
2016年大学迎新工作总结
2015/10/14 职场文书
2019让人心动的商业计划书
2019/06/27 职场文书
html5移动端禁止长按图片保存的实现
2021/04/20 HTML / CSS
如何用H5实现好玩的2048小游戏
2022/07/23 HTML / CSS