JavaScript原型链prototype chain

为了在JavaScript更好地去面向对象，我们需要看清楚一些事情的本质，比如：原型链！

1. <script type="text/javascript"> 
2.  
3. /* 
4.    每个对象实例都有个属性成员用于指向到它的instanceof 对象(暂称为父对象)的原型(prototype) 
5.    我们把这种层层指向父原型的关系称为[原型链 prototype chian] 
6.    原型也具有父原型，因为它往往也是一个对象实例，除非我们人为地去改变它 
7.  
8.  
9.    Function的父原型指向到Function的原型，Function.prototype的父原型是Object的原型 
10.    Object的父原型也指向到Function的原型，Object.prototype是所有父原型的顶层 
11.    在spiderMonkey引擎中，父原型可以通过 __proto__ 进行访问 
12. */ 
13.  
14. Function.prototype.hi = function(){alert('hi Function');} 
15. Object.prototype.hi = function(){alert('hi Object');} 
16.  
17. var a = function(){ 
18.     this.txt = "a"; 
19. } 
20. a.prototype = { 
21.     say:function(){alert('a');} 
22. } 
23.  
24. alert(a instanceof Function);//a是Function的实例; 
25. alert(a.__proto__ === Function.prototype);//a的父原型指向到Function的原型; 
26.  
27. alert(Function instanceof Object);//Function是Object的实例; 
28. alert(Function.__proto__ === Function.prototype);//Function的父原型指向到Function的原型; 
29. alert(Function.prototype.__proto__ === Object.prototype);//Function的原型的父原型指向到Object的原型 
30.  
31. alert(Object.__proto__ === Function.prototype);//Object的父原型指向到Function的原型; 
32. alert(Object.prototype.__proto__);//Object的原型是所有父原型的顶端，它不再具有父原型; 
33.  
34.  
35. alert(a.prototype instanceof Object);//a的原型也是一个对象 
36. alert(a.prototype.__proto__ === Object.prototype);//a的原型的父原型指向Object的原型 
37.  
38.  
39.  
40. var A = function(){}; 
41. A.prototype = new a(); 
42. A.prototype.say = function(){ 
43.     alert('A'); 
44. } 
45.  
46. alert(A instanceof Function);//A是Function的实例 
47. alert(A.__proto__ === Function.prototype);//A的父原型指向到Function的原型 
48. alert(A.prototype instanceof a);//A的原型是a的实例 
49. alert(A.prototype.__proto__ === a.prototype);//A的原型的父原型指向到a的原型 
50.  
51.  
52. var iA = new A();//iA是A的实例,iA.__proto__ === A.prototype 
53. var iB = new a();//iB是a的实例,iB.__proto__ === a.prototype 
54.  
55. iA.hi(); 
56. /* 
57. iA本身没有hi方法（构造中没有，自己也没有定义过）， 
58. 于是找iA的prototype，没有找到， 
59. 于是找iA.__proto__即A.prototype，也没有找到， 
60. 于是再找A.prototype.__proto__即a.prototype，仍然没有发现， 
61. 继续查找a.prototype.__proto__即Object.prototype，哇，发现了hi，于是调用它，停止查找 
62. 输出：hi Object 
63. */ 
64.  
65. iB.hi(); 
66. /* 
67. iB本身没有hi方法（构造中没有，自己也没有定义过）， 
68. 于是找iB的prototype，没有找到， 
69. 于是找iB.__proto__即a.prototype，仍然没有发现， 
70. 继续查找a.prototype.__proto__即Object.prototype，哇，发现了hi，于是调用它，停止查找 
71. 输出：hi Object 
72. */ 
73.  
74. a.hi(); 
75. /* 
76. a本身没有hi方法（构造中没有，自己也没有定义过）， 
77. 于是找a的prototype，没有找到， 
78. 于是找a.__proto__既Function.prototype，哇，发现了hi，于是调用它，停止查找 
79. 输出：hi Function 
80. */ 
81.  
82. iA.say(); 
83. /* 
84. iA本身没有say方法（构造中没有，自己也没有定义过）， 
85. 于是找iA的prototype，没有找到， 
86. 于是找iA.__proto__即A.prototype，哇，发现了say，于是调用它，停止查找 
87. 所以，这里调用的是A.prototype.say 
88. 输出：A 
89. */ 
90.  
91. iB.say(); 
92. /* 
93. iB本身没有say方法（构造中没有，自己也没有定义过）， 
94. 于是找iB的prototype，没有找到， 
95. 于是找iB.__proto__即a.prototype，哇，发现了say，于是调用它，停止查找 
96. 所以，这里调用的是a.prototype.say 
97. 输出：a 
98. */ 
99.  
100. iA.bad(); 
101. /* 
102. iA本身没有bad方法（构造中没有，自己也没有定义过）， 
103. 于是找iA的prototype，没有找到， 
104. 于是找iA.__proto__即A.prototype，也没有找到， 
105. 于是再找A.prototype.__proto__即a.prototype，仍然没有发现， 
106. 继续查找a.prototype.__proto__即Object.prototype，终于是找不到了，停止查找 
107. 返回错误，iA.bad不是一个function 
108. */ 
109.  
110. </script>  

通过这篇文章可以更好的理解javascript的原型链。

本文转自sucre03 51CTO博客，原文链接：http://blog.51cto.com/sucre/387809，如需转载请自行联系原作者