JavaScript原型鏈樣本分享

來源:互聯網
上載者:User

 這篇文章主要介紹了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.prototypevar iB = new a();//iB是a的執行個體,iB.__proto__ === a.prototypeiA.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不在原型鏈內,只能作為一個屬性)! 
相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。