<body>
<h3>设计模式知识连载(16)---建造者模式:</h3>
<p>
建造者模式:将一个复杂对叙的构建层与其表示层相互分离,同样的构建过程可采用不同的表示
</p>
<script type="text/javascript">
/**
* 案例
*/
// 创建一位人类
var Human = function (param) {
// 技能
this.skill = param && param.skill || '保密' ;
// 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.changeDescripte = function(setence) {
this.workDescript = setence ;
} ;
/****
* 应聘者建造者
* 参数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:', person) ;
console.log('person.skill:', person.skill) ;
console.log('person.name.FirstName:', person.name.FirstName) ;
console.log('person.work.work:', person.work.work) ;
console.log('person.work.workDescript:', person.work.workDescript) ;
console.log('更改职位描述后的person.work.workDescript') ;
person.work.changeDescripte('我在修改bug') ;
console.log('person.work.workDescript:', person.work.workDescript) ;
</script>
</body>
设计模式知识连载(16)---建造者模式:
最新推荐文章于 2022-04-28 14:49:13 发布