萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JavaScript原型鏈示例分享

JavaScript原型鏈示例分享

 這篇文章主要介紹了JavaScript原型鏈示例,有需要的朋友可以參考一下

   代碼如下: <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>   </script>       感謝simon提出的修正意見!所有實例在查找屬性方法時不會去查找自己的prototype(實例的prototype不在原型鏈內,只能作為一個屬性)!  
copyright © 萬盛學電腦網 all rights reserved