js原生设计模式——6复杂对象的构建—Builder建造者模式

最新推荐文章于 2020-10-27 19:32:50 发布

weixin_33994444

最新推荐文章于 2020-10-27 19:32:50 发布

阅读量83

点赞数

文章标签：设计模式 javascript 测试 ViewUI

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>builder</title>
   <script type="text/javascript">
   //创建一个人类
   var Human = function(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;
       //构造器函数：解析姓与名(new构造实例时即刻执行此闭包函数)
       (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 'teacher':
                   that.work = '教师';
                   that.workDescript = '分享也是一种快乐';
               break;
               default:
                   that.work = work;
                   that.workDescript = 'sorry,we don\'t know your\'s workDescript';
           }
       })(work,that);
   }
   //添加更换职位的方法
   Work.prototype.changeWork = function(work){
       this.work = work;
   }
   //添加对职位的描述方法
   Work.prototype.changeDescript = function(setence){
       this.workDescript = setence;
   }
   //创建一个应聘者builder
   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('小明','code');

   console.log(person.skill);
   console.log(person.name.firstName);
   console.log(person.work.work);
   console.log(person.work.workDescript);
   person.work.changeDescript('我每天都在快乐的编程学习')
   console.log(person.work.workDescript);

   //本例已经通过验证
   </script>
</head>
<body>

</body>
</html>

weixin_33994444

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js原生设计模式——6复杂对象的构建—Builder建造者模式

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;builder&lt;/title&gt; &lt;script type="text/javascript"&gt;
复制链接

扫一扫