建造者模式-JavaScript设计模式学习笔记

建造者模式（Builder）

将一个复杂对象的构建层与其表示层相互分离，同样的构建过程可采用不同的表示

特点

前面的工厂模式主要是为了创建对象实例或者类簇（抽象工厂），关心的是最终产出（创建）的是什么。不关心你创建的整个过程，仅仅需要知道你最终创建的结果。所以通过工厂模式我们得到的都是对象实例或者类簇。
然而建造者模式更复杂一些，其目的也是创建对象，但是更多关心的是创建这个对象的整个过程，甚至创建对象的每一个细节

案例需求

有一些想找工作的人，想借助咱们公司的网站发布自己的简历，咱们公司将他们的简历向外推销。要求除了将他们的兴趣以及一些特长发布在页面里，其他信息，比如联系方式，不要发布在网站上。要让需求公司来找咱们。他们想找的工作可以分类，比如对于喜欢编程的人来说他们要找的职位就是工程师（engineer）了，这里可能还有一些描述等。

实现

我们需要的不仅仅是应聘者一个实例，还要在创建过程中注意一下这位应聘者都有哪些兴趣爱好、他的姓名等信息，他所期望的职位是什么，等等。这些关注点都是需要我们创建的。

//创建一个人类
var Human = function (param) {
    //技能
    this.skill = param && param.skill || '保密';
    //兴趣爱好
    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;
}

/**
 * 应聘者建造者
 * @param {*} name 姓名
 * @param {*} 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 kai', 'code');

//测试
console.log(person.skill);//保密
console.log(person.name.FirstName);//xiao
console.log(person.work.work);//工程师
console.log(person.work.workDescript);//每天沉醉于编程
person.work.changeDescript('更改一下职位描述！');
console.log(person.work.workDescript);//更改一下职位描述！

Github源码下载

dravenxiaokai/design-patterns