JavaScript设计模式-建造者模式

CompileYouth 发布于2019-08-23 12:11 / 1194人阅读

摘要：建造者模式建造者模式将一个复杂对象的构建层与其表示层相互分离，同样的构建过程可采用不同的表示。工厂模式主要是为了创建对象实例或者类簇抽象工厂，关心的是最终产出创建的是什么，而不关心创建的过程。

建造者模式

建造者模式将一个复杂对象的构建层与其表示层相互分离，同样的构建过程可采用不同的表示。
工厂模式主要是为了创建对象实例或者类簇（抽象工厂），关心的是最终产出(创建)的是什么，而不关心创建的过程。而建造者模式关心的是创建这个对象的整个过程，甚至于创建对象的每一个细节。
以下以创建应聘者为例：应聘者有兴趣爱好，姓名和期望的职位等等

//创建一位人类
var Human = function (param) {
    //技能
    this.skill = param && param.skill || "保密";//如果存在param参数，并且param拥有skill属性，就用这个属性赋值给this的skill属性，否则将yoga默认值保密来设置
    this.hobby = param && param.hobby || "保密";
}
//类原型方法
Human.prototype = {
    getSkill : function () {
        return this.skill;
    },
    getHobby :function () {
        return this.hobby;
    }
}

应聘者有姓名和工作，先实例化其姓名类和工作类

//实例化姓名类
var Named = function (name) {
    var that = this;
    //构造器
    //构造函数解析姓名的姓和名
    (function (name, that) {
        that.wholeName = name;
        if(name.indexOf("") > -1){
            that.FirstName = name.slice(0,name.indexOf(" "));
            that.secondName = name.slice(name.indexOf(" "));
        }
    })(name,that);
}
//实例化职位类
var Work = function (work) {
    var that = this;
    //构造器
    //构造函数中通过传入的职位特征来设置相应职位以及描述
    (function (work,that) {
        switch(work){
            case "code":that.work ="工程师";
                        that.workDescript ="每天沉醉于编程";
                        break;
            case "UI":
            case "UE":that.work = "设计师";
                        that.workDescript = "设计更似一种艺术";
                        break;
            case "teach":that.work ="教师";
                         that.workDescript = "分享也是一种快乐";
                         break;
            default:that.work = work;
                    that.workDescript = "对不起，我们还不清楚您所选择职位的相关描述";
        }
    })(work,that);
}
//更换期望的职位
Work.prototype.changeWork = function (work) {
    this.work = work;
}
//添加对职位的描述
Work.prototype.changeDescript = function (sentence) {
    this.workDescript = sentence;
}

这样就创建了抽象出来的3个类：应聘者类，姓名解析类和期望职位类。可以通过对这三个类的组合调用，写一个建造者类来创建出一个完整的应聘对象。

/**
 *应聘者建造类
 * 参数name:姓名（全名）
 * 参数work：期望职位
 */
var Person = function (name,work) {
    //创建应聘者缓存对象
    var _person = new Human();
    //创建应聘者姓名解析对象
    _person.name = new Named(name);
    _person.work = new Work(work);
    //将创建的应聘者对象返回
    return _person;
}

创建一位建造者缓存对象测试：

//测试
var person = new Person("xiao ming","code");
console.log(person.skill);//保密
console.log(person.name.FirstName);//xiao
console.log(person.name.secondName);//ming
console.log(person.work.work);//工程师
console.log(person.work.workDescript);//每天沉醉于代码
person.work.changeDescript("更改描述！");
console.log(person.work.workDescript);//更改描述！

通过观察可以发现，建造者模式和工厂模式是有所不同的，建造者模式不仅可以得到创建的结果，而且参与了创建的具体过程，也干涉了创建的具体实现的细节。

云服务器 GPU云服务器建造者模式建造者设计模式 android建造者模式策略者模式

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98063.html

JavaScript设计模式系列三：建造者模式

摘要：优点建造者模式的封装性很好，对象本身与构建过程解耦。建造者模式很容易进行扩展。适用场景需要生成的对象具有复杂得内部结构且内部属性本身相互依赖建造者模式的代码实现建造者模式主要有个部分产品类建造者类指挥者类客户。建造者完成相应的部分。建造者模式建造者模式（builder pattern）比较简单，它属于创建型模式的一种，将一个复杂的对象分解成多个简单的对象来进行构建，将复杂的构建层与...

CloudDeveloper 2019-08-22 15:56 评论0 收藏0
从ES6重新认识JavaScript设计模式(三): 建造者模式

摘要：书籍建造者类调用建造者高效能人士的七个习惯史蒂芬柯维励志上面的这个类和第一个例子的效果一样，但是长度确减少不少，在有更多属性的时候，减少的代码量会更为明显。参考内容设计模式张容铭 showImg(https://segmentfault.com/img/remote/1460000015147692); 1 什么是建造者模式? 建造者模式(Builder)是将一个复杂对象的构建层与其表...

hatlonely 2019-08-29 15:35 评论0 收藏0
从ES6重新认识JavaScript设计模式(三): 建造者模式

摘要：书籍建造者类调用建造者高效能人士的七个习惯史蒂芬柯维励志上面的这个类和第一个例子的效果一样，但是长度确减少不少，在有更多属性的时候，减少的代码量会更为明显。参考内容设计模式张容铭 showImg(https://segmentfault.com/img/remote/1460000015147692); 1 什么是建造者模式? 建造者模式(Builder)是将一个复杂对象的构建层与其表...

yuanxin 2019-08-26 11:57 评论0 收藏0
细谈JavaScript中的一些设计模式

摘要：注意事项声明函数时候处理业务逻辑区分和单例的区别，配合单例实现初始化构造函数大写字母开头推荐注意的成本。简单工厂模式使用一个类通常为单体来生成实例。 @(书籍阅读)[JavaScript, 设计模式] 常见设计模式一直对设计模式不太懂，花了一下午加一晚上的时间，好好的看了看各种设计模式，并总结了一下。设计模式简介设计模式概念解读设计模式的发展与在JavaScript中的应用 ...

30e8336b8229 2019-08-19 17:47 评论0 收藏0