建造者模式解读

概念解读

图解建造者模式

文字解读:将一个复杂的对象的构建与表示分离,使得同样的构建可以创建不同的表示。也就是说如果我们用了建造者模式,那么用户就需要指定建造的类型就可以得到他们,而具体构建的过程和细节就不用清楚了。建造者模式实际就是一个指挥者,一个建造者,一个使用指挥者去告诉建造者建造工作得到结果的客户。
建造者模式主要用于将一个复杂的对象进行分步骤去构建,这其中分步骤是一个稳定的算法,而复杂对象的各个部分是经常变化的,体会分就是合的思想。

拟物化解读:比如建造商去找包工头指挥施工队完成建筑,最后交付给建造商。

作用

  • 分步创建一个复杂对象。
  • 解耦封装过程和创建的组件。
  • 无需关心组件如何组装。

注意事项

  • 一个稳定的算法进行支撑
  • 加工工艺是暴露的

代码实践

  • 代码实现

    //$.ajax()属于构造者模式,其中各个基本参数就是它的建造者,而.ajax就是指挥者。
    $.ajax({
        url:'',
        method:"",
        success:function(){
        },
    })
    
    
  • 觉得还不清晰?

    我们尝试另外一种场景,比如我们要创建一个应聘者的类,那么这个应聘者首先是属于人类的,然后添加不同的属性,我们把不同的属性细致化为不同的建造者(类),来统一归纳使用。

    //每个实例化对象都个性化的方法需要this申明
    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.lastname=name.slice(name.indexOf(" "));
        }
    })(name,that)
    }
    //实例化职位类:拓展知识点:
    //1 需要定义that来避免this的混淆 ;2 switch之后没有冒号 
    //3 switch中的break是让语句符合判断条件之后,后续语句不再执行,是必备的 
    //4 建议在switch中写default的情况,处理异常情况的默认值
    
    var Work=function(){
    var that=this;
    //构造器
    //构造器中通过传入职位特征来设置相应的职位以及描述
    (function(work,that){
        switch(work){
            case 'code':that.work='工程师';
            that.workDesc='每天沉醉于编程';
            break;
            case 'ui':that.work='设计师';
            that.workDesc='设计是一种艺术';
            break;
            default:that.work=work;
            that.workDesc="还不清楚你的职位描述";
        }
    })(work,that)
    }
    Work.prototype.changeWork=function(work){
    this.work=work;
    }
    Work.prototype.changeDesc=function(desc){
    this.workDesc=desc;
    }
    
    //创建一个应聘者的类
    function Person=function(name,work){
    var _person=new Human();
    _person.name=new Named(name);
    _person.work=new Work(work);
    return _person;
    
    }
    var xiaoli=new Person('xiao li','code');
    // 检测各个属性以及方法
    console.log(xiaoli.skill);
    console.log(xiaoli.work.work);
    xiaoli.work.changeWork("ui");
    console.log(xiaoli.work.work);
    console.log(xiaoli.firstname);
    

拓展

  • 与工程模式的区别
    1.从代码实例可以区分出来,工厂模式是给出产品名称,直接给出结果,而建造者模式需要用户一定的参与建造过程,指定参数。
    2.建造者模式的建造过程要比工厂复杂的多,是分步骤分模块进行的,可能每个模块部分都需要一个小型的类或者构造器去完成。

发布者

Robinson Zhang

热爱前端,热爱分享,坚持高频写作,从小白到大师只是时间问题。

发表评论