JavaScript 原型鏈

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

alert(a.prototype instanceof Object);//a的原型也是一個對象
alert(a.prototype.__proto__ === Object.prototype);//a的原型的父原型指向Object的原型

var A = function(){};
A.prototype = new a();
A.prototype.say = function(){
    alert('A');
}
alert(A instanceof Function);//A是Function的執行個體
alert(A.__proto__ === Function.prototype);//A的父原型指向到Function的原型
alert(A.prototype instanceof a);//A的原型是a的執行個體
alert(A.prototype.__proto__ === a.prototype);//A的原型的父原型指向到a的原型

var iA = new A();//iA是A的執行個體,iA.__proto__ === A.prototype
var iB = new a();//iB是a的執行個體,iB.__proto__ === a.prototype
iA.hi();
/*
iA本身沒有hi方法（構造中沒有，自己也沒有定義過），
於是找iA.__proto__即A.prototype，也沒有找到，
於是再找A.prototype.__proto__即a.prototype，仍然沒有發現，
繼續尋找a.prototype.__proto__即Object.prototype，哇，發現了hi，於是調用它，停止尋找
輸出：hi Object
*/
iB.hi();
/*
iB本身沒有hi方法（構造中沒有，自己也沒有定義過），
於是找iB.__proto__即a.prototype，仍然沒有發現，
繼續尋找a.prototype.__proto__即Object.prototype，哇，發現了hi，於是調用它，停止尋找
輸出：hi Object
*/
a.hi();
/*
a本身沒有hi方法（構造中沒有，自己也沒有定義過），
於是找a.__proto__既Function.prototype，哇，發現了hi，於是調用它，停止尋找
輸出：hi Function
*/
iA.say();
/*
iA本身沒有say方法（構造中沒有，自己也沒有定義過），
於是找iA.__proto__即A.prototype，哇，發現了say，於是調用它，停止尋找
所以，這裡調用的是A.prototype.say
輸出：A
*/
iB.say();
/*
iB本身沒有say方法（構造中沒有，自己也沒有定義過），
於是找iB.__proto__即a.prototype，哇，發現了say，於是調用它，停止尋找
所以，這裡調用的是a.prototype.say
輸出：a
*/
iA.bad();
/*
iA本身沒有bad方法（構造中沒有，自己也沒有定義過），
於是找iA.__proto__即A.prototype，也沒有找到，
於是再找A.prototype.__proto__即a.prototype，仍然沒有發現，
繼續尋找a.prototype.__proto__即Object.prototype，終於是找不到了，停止尋找
返回錯誤，iA.bad不是一個function
*/
// --></mce:script>
感謝simon提出的修正意見！所有執行個體在尋找屬性方法時不會去尋找自己的prototype(執行個體的prototype不在原型鏈內，只能作為一個屬性)！
</script>

 

原文出處：http://blog.csdn.net/Vanessa219/archive/2009/06/11/4260304.aspx