设计模式知识连载（16）---建造者模式:

最新推荐文章于 2022-11-14 18:51:37 发布

宇智波幽助

最新推荐文章于 2022-11-14 18:51:37 发布

阅读量154

点赞数

分类专栏：设计模式文章标签：设计模式函数建造者模式

本文链接：https://blog.csdn.net/yuzhiboyouzhu/article/details/78796137

版权

设计模式专栏收录该内容

51 篇文章 0 订阅

订阅专栏

<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>

宇智波幽助

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
设计模式知识连载（16）---建造者模式:

<body><h3>设计模式知识连载（16）---建造者模式:</h3><p> 建造者模式：将一个复杂对叙的构建层与其表示层相互分离，同样的构建过程可采用不同的表示</p><script type="text/javascript"> /** * 案例 */ // 创建一位人类 var Human = function (param) {
复制链接

扫一扫