JavaScript 设计模式学习篇 6

最新推荐文章于 2024-10-04 16:00:30 发布

chituo2005

最新推荐文章于 2024-10-04 16:00:30 发布

阅读量73

点赞数

文章标签：设计模式 javascript ViewUI

原文链接：https://my.oschina.net/u/3520255/blog/3022170

版权

建造者模式(Bulider)

建造者模式: 将一个复杂对象的构建层与其表示层互相分离，同样的构建过程可采用不同的表示

6.1 创建对象的另一种形式

建造者模式？这是一个新模式，以前从未听说过，它与学过的几类工厂模式之间有区别吗？

<b>工厂模式主要是为了创建对象实例或者类簇(抽象工厂), 关心的是最终产出(创建)的是什么？不关心你创建的整个过程，仅仅需要知道你最终创建的结果。所以通过工厂模式我们得到的都是对象实例或者类簇。然而建造者模式在创建对象时要更为复杂一些，虽然其目地也是为了创建对象，但是它更多关心的是创建这个对象的整个过程，甚至于创建对象的每一个细节，比如说创建一个人，我们创建的结果不仅仅是得到人的实例，还要关注创建人的时候，这个人应该穿什么衣服，男的女的，兴趣爱好都是什么。所以说建造者模式更关注的是创建的细节，而我们在本例中看到，我们需要的不仅仅是一个实例，还要在创建过程中注意一下这位应聘者都有哪些爱好、他的姓名等信息，他所期望的职位是什么，等等。那么这些关注点都是需要我们创建的。

// 创建一位人类
    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.sclie( 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.workDesscript = '每天醉心于编程';
                    break;
                case 'UI' :
                case 'UE' :
                    that.work = '设计师';
                    that.workDesscript = '设计更似一种艺术';
                    break;
                case 'teach' :
                    that.work = '教师';
                    that.workDesscript = '分享也是一种快乐';
                    break;
                default :
                    that.work = work;
                    that.workDesscript = '对不起， 我们还不清楚您所选择职位的相关描述';           
            }  
        })(work, that)
    }

    // 更换期望的职位
    Work.prototype.changeWork = function(work) {
        this.work  = work;
    }
    // 添加对职位的描述
    Work.prototype.changeDescript = function(setence) {
        this.setence = setence;
    }

我们最终的目地就是要创建一位应聘者，所以需要将上面抽象的3个类。这样我们写一个建造者类，在建造者类中通过对着3个类组合调用，就可以创建出一个完整的应聘者对象。

 /****
    * 应聘建造者
    * 参数 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.skill);   // 保密
    console.log(person.name.FirstName);  // xiao
    console.log(person.work.work);  // 工程师
    console.log(person.work.workDesscript);  // 每天在编程中度过
    person.work.changeDescript('更改一下职位描述!');  
    console.log(person.work.workDesscript);  // 更改一下职位描述