JavaScript原型鏈範例分享_javascript技巧

複製程式碼 程式碼如下: /* 每個物件實例都有個屬性成員用來指向到它的instanceof 物件(暫稱為父物件)的原型(prototype) 我們把這種圖層指向父原型的關係稱為[原型鏈prototype chian] 原型也具有父原型，因為它往往也是一個對象實例，除非我們人為地去改變它 在JavaScript中，"一切都是對象，函數是第一型。 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 a.prototype = { : sayfunction (){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(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

*/ // -->

感謝simon提出的修正意見！所有實例在尋找屬性方法時不會去尋找自己的prototype(實例的prototype不在原型鏈內，只能作為一個屬性)！

JavaScript原型鏈範例分享_javascript技巧

相關文章