工厂模式主要是为了创建对象实例或者类簇(抽象工厂)关心的是最终产出(创建)的是什么。
    不关心你创建的整个过程,仅仅需要知道你最终创建的结果。

    然而建造者模式在创建对象时更为复杂一些,虽然其目的也是为了创建对象,但是它更关心的是创建这个对象的整个过程,甚至于创建对象的每一个细节

    1. var Human = function(param) {
    2. // 技能
    3. this.skill = param && param.skill || '保密';
    4. // 兴趣爱好
    5. this.hobby = param && param.hobby || '保密';
    6. }
    7. // 类人原型方法
    8. Human.prototype = {
    9. getSkill : function() {
    10. return this.skill;
    11. },
    12. getHobby : function() {
    13. return this.hobby;
    14. }
    15. }
    16. // 实例化姓名类
    17. var Named = function(name) {
    18. var that = this;
    19. // 构造器
    20. // 构造函数解析姓名的姓与名
    21. (function(name, that) {
    22. that.wholeName = name;
    23. if (name.indexOf(' ') > -1) {
    24. that.firstName = name.slice(0, name.indexOf(' '));
    25. that.secondName = name.slice(name.indexOf(' '));
    26. }
    27. })(name, that)
    28. }
    29. // 实例化职位
    30. var Work = function(work) {
    31. var that = this;
    32. // 构造器
    33. // 构造函数中通过传入的职位特征来设置相应职位以及描述
    34. (function(work, that) {
    35. switch(work) {
    36. case 'code':
    37. that.work = '工程师‘;
    38. that.workDescript = '每天沉醉于编程';
    39. break;
    40. case 'UI':
    41. case 'UE':
    42. that.work = '设计师';
    43. that.workDescript = '设计更似一种艺术';
    44. break;
    45. case 'teach':
    46. that.work = '教师‘;
    47. that.workDescript = '分享也是一种快乐';
    48. break;
    49. default:
    50. that.work = work
    51. that.workDescript = '暂无查询到相关职位描述';
    52. }
    53. })(work, that)
    54. }
    55. // 更换期望的职位
    56. Work.prototype.changeWork = function(work) {
    57. this.work = work;
    58. }
    59. // 添加对职位的描述
    60. Work.prototype.changeDescript = function(sentence) {
    61. this.workDescript = sentence;
    62. }

    这样我们就创建了抽象出来的 3 个类——应聘者类、姓名解析类和期望职位类。
    这样我们写一个建造者类,在建造者类中我们要通过对这 3 个类组合调用,就可以创建出一个完整的应聘者对象。

    1. // 应聘者建造类
    2. // 参数 name: 姓名(全名)
    3. // 参数 work: 期望职位
    4. var Person = function(name, work) {
    5. // 创建应聘者缓存对象
    6. var _person = new Human();
    7. // 创建应聘者姓名解析对象
    8. _person.name = new Named(name);
    9. // 创建应聘者期望职位
    10. _person.work = new Work(work);
    11. return _person;
    12. }

    测试如下:

    1. var person = new Person('zhang kai', 'code');
    2. console.log(person.skill); // 保密
    3. console.log(person.name.firstName); // zhang
    4. console.log(person.work.work); // 工程师
    5. console.log(person.work.workDescript); // 每天沉醉于编程
    6. person.work.changeDescript('更改职位描述');
    7. console.log(person.work.workDescript); // 更改职位描述