JavaScript 原型鏈

 

<mce:script type="text/javascript"><!--<br />/*<br /> 每個對象執行個體都有個屬性成員用於指向到它的instanceof 對象(暫稱為父物件)的原型(prototype)<br /> 我們把這種層層指向父原型的關係稱為[原型鏈 prototype chian]<br /> 原型也具有父原型，因為它往往也是一個對象執行個體，除非我們人為地去改變它<br /> 在JavaScript中，"一切都是對象，函數是第一型。"<br /> Function和Object都是函數的執行個體。<br /> Function的父原型指向到Function的原型，Function.prototype的父原型是Object的原型<br /> Object的父原型也指向到Function的原型，Object.prototype是所有父原型的頂層<br /> 在spiderMonkey引擎中，父原型可以通過 __proto__ 進行訪問<br />*/<br />Function.prototype.hi = function(){alert('hi Function');}<br />Object.prototype.hi = function(){alert('hi Object');}<br />var a = function(){<br /> this.txt = "a";<br />}<br />a.prototype = {<br /> say:function(){alert('a');}<br />}<br />alert(a instanceof Function);//a是Function的執行個體;<br />alert(a.__proto__ === Function.prototype);//a的父原型指向到Function的原型;<br />alert(Function instanceof Object);//Function是Object的執行個體;<br />alert(Function.__proto__ === Function.prototype);//Function的父原型指向到Function的原型;<br />alert(Function.prototype.__proto__ === Object.prototype);//Function的原型的父原型指向到Object的原型<br />alert(Object.__proto__ === Function.prototype);//Object的父原型指向到Function的原型;<br />alert(Object.prototype.__proto__);//Object的原型是所有父原型的頂端，它不再具有父原型;</p><p>alert(a.prototype instanceof Object);//a的原型也是一個對象<br />alert(a.prototype.__proto__ === Object.prototype);//a的原型的父原型指向Object的原型</p><p>var A = function(){};<br />A.prototype = new a();<br />A.prototype.say = function(){<br /> alert('A');<br />}<br />alert(A instanceof Function);//A是Function的執行個體<br />alert(A.__proto__ === Function.prototype);//A的父原型指向到Function的原型<br />alert(A.prototype instanceof a);//A的原型是a的執行個體<br />alert(A.prototype.__proto__ === a.prototype);//A的原型的父原型指向到a的原型</p><p>var iA = new A();//iA是A的執行個體,iA.__proto__ === A.prototype<br />var iB = new a();//iB是a的執行個體,iB.__proto__ === a.prototype<br />iA.hi();<br />/*<br />iA本身沒有hi方法（構造中沒有，自己也沒有定義過），<br />於是找iA.__proto__即A.prototype，也沒有找到，<br />於是再找A.prototype.__proto__即a.prototype，仍然沒有發現，<br />繼續尋找a.prototype.__proto__即Object.prototype，哇，發現了hi，於是調用它，停止尋找<br />輸出：hi Object<br />*/<br />iB.hi();<br />/*<br />iB本身沒有hi方法（構造中沒有，自己也沒有定義過），<br />於是找iB.__proto__即a.prototype，仍然沒有發現，<br />繼續尋找a.prototype.__proto__即Object.prototype，哇，發現了hi，於是調用它，停止尋找<br />輸出：hi Object<br />*/<br />a.hi();<br />/*<br />a本身沒有hi方法（構造中沒有，自己也沒有定義過），<br />於是找a.__proto__既Function.prototype，哇，發現了hi，於是調用它，停止尋找<br />輸出：hi Function<br />*/<br />iA.say();<br />/*<br />iA本身沒有say方法（構造中沒有，自己也沒有定義過），<br />於是找iA.__proto__即A.prototype，哇，發現了say，於是調用它，停止尋找<br />所以，這裡調用的是A.prototype.say<br />輸出：A<br />*/<br />iB.say();<br />/*<br />iB本身沒有say方法（構造中沒有，自己也沒有定義過），<br />於是找iB.__proto__即a.prototype，哇，發現了say，於是調用它，停止尋找<br />所以，這裡調用的是a.prototype.say<br />輸出：a<br />*/<br />iA.bad();<br />/*<br />iA本身沒有bad方法（構造中沒有，自己也沒有定義過），<br />於是找iA.__proto__即A.prototype，也沒有找到，<br />於是再找A.prototype.__proto__即a.prototype，仍然沒有發現，<br />繼續尋找a.prototype.__proto__即Object.prototype，終於是找不到了，停止尋找<br />返回錯誤，iA.bad不是一個function<br />*/<br />// --></mce:script><br />感謝simon提出的修正意見！所有執行個體在尋找屬性方法時不會去尋找自己的prototype(執行個體的prototype不在原型鏈內，只能作為一個屬性)！<br /></script>