不能通过编辑域代码创建对象_JavaScript创建对象（六）——寄生构造函数模式...

原创：前端二牛

我们已经学过五种创建对象的方式了，通常，在前述的几种模式都不适用的情况下，可以使用寄生构造函数模式。这种模式的基本思想是创建一个函数，该函数的作用仅仅是封装创建对象的代码，然后再返回新创建的对象，但从表面上看，这个函数又很像是典型的构造函数，如下例：

1. function
3. Person
4. (
5. name
6. ,
7. age
8. ,
9. job
10. ){
12. var
13. o
14. =
16. new
18. Object
19. ();
20. o
21. .
22. name
23. =
24. name
25. ;
26. o
27. .
28. age
29. =
30. age
31. ;
32. o
33. .
34. job
35. =
36. job
37. ;
38. o
39. .
40. sayName
41. =
43. function
44. (){
45. console
46. .
47. log
48. (
49. this
50. .
51. name
52. );
54. }
56. return
57. o
58. ;
59. }
60. var
61. p
62. =
64. new
66. Person
67. (
68. '张三'
69. ,
71. 20
72. ,
74. 'JavaScript'
75. );
76. p
77. .
78. sayName
79. ();
80. //张三

在这个例子中，在 Person中函数创建了一个新对象，并以相应的属性和方法初始化该对象，然后又返回这个对象。除了使用 new操作符并把使用的包装函数叫做构造函数之外，这个模式跟工厂模式其实是一模一样的。构造函数在不返回值的情况下，默认会返回新对象实例。而通过在构造函数的未尾添加一个 return语句，可以重写调用构造函数时返回的值。

这个模式可以在特殊的情况下用来为对象创建构造函数。假设我们想创建一个具有额外方法的特殊数组。由于不能直接修改 Array构造函数，因此可以使用这个模式。

1. function
3. SpecialArray
4. (){
6. var
7. arr
8. =
10. new
12. Array
13. ();
15. //使用apply的方式调用可以把SpecialArray的参数直接传递给arr
16. arr
17. .
18. push
19. .
20. apply
21. (
22. arr
23. ,
24. arguments
25. );
26. arr
27. .
28. toPipedString
29. =
31. function
32. (){
34. return
36. this
37. .
38. join
39. (
40. '|'
41. );
43. }
45. return
46. arr
47. ;
48. }
49. var
50. colors
51. =
53. new
55. SpecialArray
56. (
57. 'red'
58. ,
60. 'green'
61. ,
63. 'blue'
64. );
65. console
66. .
67. log
68. (
69. colors
70. .
71. toPipedString
72. ());
73. //red|green|blue
74. //与原型模式比较
75. Array
76. .
77. prototype
78. .
79. toPipedString
80. =
82. function
83. (){
85. return
87. this
88. .
89. join
90. (
91. '|'
92. );
93. }
94. var
95. colors2
96. =
98. new
100. SpecialArray
101. (
102. 'red'
103. ,
105. 'green'
106. ,
108. 'blue'
109. );
110. console
111. .
112. log
113. (
114. colors2
115. .
116. toPipedString
117. ());
118. //red|green|blue

在这个例子中，我们创建了一个名叫 SpecialArray的构造函数。在这个函数内部，首先创建了一个数组，然后使用 push方法初始化了数组的值。随后，又给数组实例添加了一个 toPipedString方法，该方法返回以坚线分割的数组值。最后，将数组以函数值的形式返回。接着，我们调用了 SpecialArray构造函数，向其中传入了用于初始化数组的值，此后又调用了 toPipedString方法。

这里也可以用原型模式，如上面代码所示，但是原型模式更改了 Array的实现，用原书作者的话说，“尽管可以这样做，但我们不推荐在产品化的程序中修改原生对象的原型。如果因某个实现中缺少某个方法，就在原生对象的原型中添加这个方法，那么当在另一个支持该方法的实现中运行代码时，就可能会导致命名冲突。而且，这样做也可能会意外地重写原生方法。”

此处的例子就比较合适，既不改变原来的 Array，又可以实现自己的 Array，类似一种继承的关系。在《关于JavaScript原型属性若特点的分析》中，我们介绍了如何扩展 Date的原型，增加自己的方法，当时也说过原书作者不推荐这样做。现在学过了寄生构造函数模式，对于原生对象的扩展就可以使用寄生构造函数模式了。

关于寄生构造函数模式，有一点需要说明：首先，返回的对象与构造函数或者与构造函数的原型之间并没有关系；也就是说，构造函数返回的对象与在构造函数外部创建对象没有什么不同。为此，不能依赖 instanceof操作符来确定对象类型。由于存在上述问题，我们建议在可以使用其他模式的情况下，不要使用这种模式。