脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript建造者模式

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

 更新时间：2014年12月28日 10:15:47   投稿：junjie  
这篇文章主要介绍了JavaScript设计模式之建造者模式介绍,将一个复杂对象的构造与它的表示相分离,使同样的创建过程可有不同的表示,这就叫做建造者模式,需要的朋友可以参考下

建造者模式说明

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 工个来建子，最后房主人从工人那里取得建好的房子；

其他说明

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

您可能感兴趣的文章:

相关文章

  • 创建一个复制UBB软件信息的链接或按钮的js代码

    创建一个复制UBB软件信息的链接或按钮的js代码

    2008-01-01
  • 一文详解preact的高性能状态管理Signals

    一文详解preact的高性能状态管理Signals

    这篇文章主要介绍了一文详解preact的高性能状态管理Signals，文章围绕主题展开详细的内容介绍，具有一定的参考价值，感兴趣的朋友可以参考一下
    2022-09-09
  • Popup弹出框添加数据实现方法

    Popup弹出框添加数据实现方法

    这篇文章主要为大家详细介绍了Popup弹出框添加数据的简单实现方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-10-10
  • javascript document.compatMode兼容性

    javascript document.compatMode兼容性

    文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。
    2010-02-02
  • 微信小程序登录时如何获取input框中的内容

    微信小程序登录时如何获取input框中的内容

    这篇文章主要介绍了微信小程序登录时如何获取input框中的内容,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • 详细谈谈ES6中的symbol数据类型

    详细谈谈ES6中的symbol数据类型

    这篇文章主要给大家介绍了关于ES6中symbol数据类型的相关资料,Symbol函数的特性是每一个Symbol函数的返回值都是唯一的,可以通过给symbol函数传递不同的参数产生具有不同标记的值,需要的朋友可以参考下
    2021-08-08
  • nullJavascript中创建对象的五种方法实例

    nullJavascript中创建对象的五种方法实例

    今天上午，非常郁闷，有很多简单基础的问题搞得我有些迷茫，哎，代码几天不写就忘。目前又不当COO，还是得用心记代码哦！
    2013-05-05
  • 基于JavaScript实现文字超出部分隐藏

    基于JavaScript实现文字超出部分隐藏

    这篇文章主要介绍了基于JavaScript实现文字超出部分隐藏 的相关资料,需要的朋友可以参考下
    2016-02-02
  • js控制网页背景音乐播放与停止的方法

    js控制网页背景音乐播放与停止的方法

    这篇文章主要介绍了js控制网页背景音乐播放与停止的方法,实例分析了javascript控制背景音乐的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • 详解堆的javascript实现方法

    详解堆的javascript实现方法

    最近因为工作需要，要深入的学习JavaScript，发现如果囫囵吞枣印象就是不深刻，自己去练习一下才能慢慢有点感觉。本文主要是详解堆的javascript实现方法，另外堆排序对我们来说太耳熟而又少用的情况下，本文当作一次复习。感兴趣的朋友们下面来一起看看吧。
    2016-11-11

最新评论