JavaScript设计模式———建造者模式

定义:
建造者模式,将一个复杂对象的构建层与其表示层相互分离,同样的构建过程可采用不同的表示。

对比 建造者模式和工厂模式(包括抽象工厂)
工厂模式(包括抽象工厂)主要是为了创建对象实例或者类簇,关心的是最终产出(创建)的是什么,而不关心创建的过程。

建造者模式的目标任务也是创建对象,但该模式更多关心的是对象创建的整个过程,甚至关心到对象创建的每一个细节。
比如用建造者模式创建一个“Person”的对象时,它不仅要得到Person的对象,还要深入到对象创建的过程中去,人应该穿什么衣服,男的还是女的,兴趣爱好什么等。

因此,建造者模式和工厂模式之间最大的区别在于,前者更关注对象创建的整个过程,而后者不会。

//创建一位人类
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);//更改描述!

总结

建造者模式,不仅可以得到对象创建的结果,还参与了对象创建的具体过程,对象创建的实现细节进行了更加细粒度的控制。建造者模式,创建的对象更为复杂,其结果是一个复合对象。

posted @ 2022-10-02 09:43  CD、小月  阅读(14)  评论(0编辑  收藏  举报  来源