建造者模式解读

152 阅读3分钟

概念解读

图解建造者模式

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

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

作用

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

注意事项

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

代码实践

  • 代码实现

      //$.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.建造者模式的建造过程要比工厂复杂的多,是分步骤分模块进行的,可能每个模块部分都需要一个小型的类或者构造器去完成。