美文网首页WEB前端开发javascript
建造者模式-JavaScript设计模式学习笔记

建造者模式-JavaScript设计模式学习笔记

作者: dravenxiaokai | 来源:发表于2017-11-22 23:15 被阅读0次

建造者模式(Builder)

将一个复杂对象的构建层与其表示层相互分离,同样的构建过程可采用不同的表示

特点

前面的工厂模式主要是为了创建对象实例或者类簇(抽象工厂),关心的是最终产出(创建)的是什么。不关心你创建的整个过程,仅仅需要知道你最终创建的结果。所以通过工厂模式我们得到的都是对象实例或者类簇。
然而建造者模式更复杂一些,其目的也是创建对象,但是更多关心的是创建这个对象的整个过程,甚至创建对象的每一个细节

案例需求

有一些想找工作的人,想借助咱们公司的网站发布自己的简历,咱们公司将他们的简历向外推销。要求除了将他们的兴趣以及一些特长发布在页面里,其他信息,比如联系方式,不要发布在网站上。要让需求公司来找咱们。他们想找的工作可以分类,比如对于喜欢编程的人来说他们要找的职位就是工程师(engineer)了,这里可能还有一些描述等。

实现

我们需要的不仅仅是应聘者一个实例,还要在创建过程中注意一下这位应聘者都有哪些兴趣爱好、他的姓名等信息,他所期望的职位是什么,等等。这些关注点都是需要我们创建的。

//创建一个人类
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.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.changeDescript = function (sentence) {
    this.workDescript = sentence;
}

/**
 * 应聘者建造者
 * @param {*} name 姓名
 * @param {*} 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 kai', 'code');

//测试
console.log(person.skill);//保密
console.log(person.name.FirstName);//xiao
console.log(person.work.work);//工程师
console.log(person.work.workDescript);//每天沉醉于编程
person.work.changeDescript('更改一下职位描述!');
console.log(person.work.workDescript);//更改一下职位描述!

Github源码下载

dravenxiaokai/design-patterns

相关文章

  • 建造者模式-JavaScript设计模式学习笔记

    建造者模式(Builder) 将一个复杂对象的构建层与其表示层相互分离,同样的构建过程可采用不同的表示 特点 前面...

  • 30 Java设计模式系列-建造者(Build)模式

    建造者(Build)模式 建造者(Build)模式是非常常见的设计模式之一,写个笔记,记录一下我的学习过程和心得。...

  • 学习JavaScript设计模式——建造者模式

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

  • javascript设计模式——建造者模式

    特点:工厂模式的特点是创建的结果都是一个完整的个体,我们对创建过程不得而知,我们只了解得到的创建结果对象。而建造者...

  • JavaScript设计模式——建造者模式

    写在前面 早该更新文章了,然而最近深陷项(囹)目(圄)。为了适配万恶的IE8,不得不使用陈旧的框架Ext,从未接触...

  • Javascript设计模式——建造者模式

    建造者模式是相对比较简单的一种设计模式,属于创建型模式的一种; 定义:将一个复杂的对象分解成多个简单的对象来进行构...

  • Retrofit

    Retrofit设计模式 动态代理,装饰模式,建造者模式,抽象工厂模式,适配器模式 建造者模式创建Retrofit...

  • Android中涉及的模式

    我的Java设计模式-建造者模式 我的Java设计模式-观察者模式 重学设计模式之单例模式

  • 设计模式之建造者模式

    设计模式之建造者模式 Intro 简介 建造者模式: 建造者模式隐藏了复杂对象的创建过程,它把复杂对象的创建过程加...

  • 设计模式 - 目录

    设计模式01 - 单例模式 设计模式02 - 工厂模式 设计模式03 - 建造者模式 设计模式04 - 适配器模式...

网友评论

    本文标题:建造者模式-JavaScript设计模式学习笔记

    本文链接:https://www.haomeiwen.com/subject/cghavxtx.html