《JavaScript設計模式》筆記 之 建造者模式

建造者模式

建造者模式：將一個複雜對象的構建層與表現層相互分離。更關心構建對象的細節。

分 ----合

項目需求

應聘者的信息

//創建一人類

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':
                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.changeDscript = function(setence){
    this.workDescript = setence
}

/**
 * 應聘者構造者
 * 姓名
 * 職位
*/

var Person = function(name,work){
    //創建緩存對象
    var _person = new Human();
    _person.name = new Named(name);
    _person.work = new Work(work);
    return _person
}


var p1 = new Person('xiao ming','code')

console.log(p1.skill) // 保密
console.log(p1.name.FirstName) // xiao
console.log(p1.work.workDescript) // 每天沉醉於寫代碼

p1.work.changeDscript('更改一下職位描述')
console.log(p1.work.workDescript) // 更改一下職位描述