JavaScript 原型鏈學習總結
更新時間：2010年10月29日 21:05:30 作者：
在JavaScript中，一切都是對像，函數(shù)是第一型
Function和Object都是函數(shù)的實例
Function的父原型指向到Function的原型，F(xiàn)unction的原型的父原型是Object的原型。
Object的父原型也指向到Function的原型。
一個實例的對像，它的默認的父原型為其構造函數(shù)的顯示原型
[每個對像都有一個隱慝的屬性用于指向到它的父對像（構造對像的函數(shù)）的原型(這里稱為父原型或隱式原型）。因為原型也是對像,所以原型也有父原型,Object的原型是所有父原型的頂層(原型根)，這樣就形成了所謂原型鏈]
對像屬性訪問原則
當從一個對像那里讀取屬性時，如果對像自身屬性列表中不存在這樣的屬性，就會去自己關聯(lián)的父原型對像那里尋找，如果父原型對像屬性列表中也沒有這樣的屬性則會這個父原型的父原型那里查找，直到找到或直到對頂層原型[Object.prototype]對像屬性列表的查找完畢
調用對象的方法跟訪問屬性搜索過程一樣，因為方法的函數(shù)對象就是對象的一個屬性值。
實例：
Object.prototype.m1 = function(){
alert("我是獅子");
}
function Class1(str){
this.p1 = str;
}
function Class2(){}
Class2.prototype.m1 = function(){
alert("你好");
}
var n1 = new Class1("毛獅子");
//@__proto__屬性是對像父原型的引用
//@Object.prototype.__proto__=null
/*
n1的原型鏈
n1.__proto__=Class1.prototype
Class1.prototype.__proto__=Object.prototype
*/
var n2 = new Class2();
/*
n2的原型鏈
n2.__proto__=Class2.prototype
Class2.prototype.__proto__=Object.prototype
*/
n1.m1();//===Object.prototype.m1();
n2.m1();//===Class2.prototype.m1();
alert(n1.p1);//毛獅子
alert(n2.p1);//undefined
Function的父原型指向到Function的原型，F(xiàn)unction的原型的父原型是Object的原型。
Object的父原型也指向到Function的原型。
一個實例的對像，它的默認的父原型為其構造函數(shù)的顯示原型
[每個對像都有一個隱慝的屬性用于指向到它的父對像（構造對像的函數(shù)）的原型(這里稱為父原型或隱式原型）。因為原型也是對像,所以原型也有父原型,Object的原型是所有父原型的頂層(原型根)，這樣就形成了所謂原型鏈]
對像屬性訪問原則
當從一個對像那里讀取屬性時，如果對像自身屬性列表中不存在這樣的屬性，就會去自己關聯(lián)的父原型對像那里尋找，如果父原型對像屬性列表中也沒有這樣的屬性則會這個父原型的父原型那里查找，直到找到或直到對頂層原型[Object.prototype]對像屬性列表的查找完畢
調用對象的方法跟訪問屬性搜索過程一樣，因為方法的函數(shù)對象就是對象的一個屬性值。
實例：
復制代碼 代碼如下:
Object.prototype.m1 = function(){
alert("我是獅子");
}
function Class1(str){
this.p1 = str;
}
function Class2(){}
Class2.prototype.m1 = function(){
alert("你好");
}
var n1 = new Class1("毛獅子");
//@__proto__屬性是對像父原型的引用
//@Object.prototype.__proto__=null
/*
n1的原型鏈
n1.__proto__=Class1.prototype
Class1.prototype.__proto__=Object.prototype
*/
var n2 = new Class2();
/*
n2的原型鏈
n2.__proto__=Class2.prototype
Class2.prototype.__proto__=Object.prototype
*/
n1.m1();//===Object.prototype.m1();
n2.m1();//===Class2.prototype.m1();
alert(n1.p1);//毛獅子
alert(n2.p1);//undefined
您可能感興趣的文章:
- javascript prototype 原型鏈
- Javascript之旅 對象的原型鏈之由來
- javascript學習筆記（九）javascript中的原型(prototype)及原型鏈的繼承方式
- 深入理解JavaScript系列(6) 強大的原型和原型鏈
- 基于JavaScript實現(xiàn)繼承機制之構造函數(shù)+原型鏈混合方式的使用詳解
- 基于JavaScript實現(xiàn)繼承機制之原型鏈(prototype chaining)的詳解
- javascript學習筆記（一）基礎知識
- javascript學習筆記（二）數(shù)組和對象部分
- javascript學習筆記（三）BOM和DOM詳解
- javascript學習筆記（四）function函數(shù)部分
- javascript學習筆記（五）原型和原型鏈詳解
相關文章
這篇文章主要介紹了JavaScript設計模式發(fā)布訂閱模式，發(fā)布訂閱設計模式是和觀察者設計模式基本上相同，但是他們兩個設計模式不同的是發(fā)布訂閱者擁有一個事件處理中心而觀察者并沒有2022-06-06
這篇文章主要為大家詳細介紹了如何利用threejs實現(xiàn)一個簡易的泊車功能,文中的示例代碼講解詳細,對大家的學習和工作有一定的幫助,感興趣的小伙伴可以動手嘗試一下2024-01-01
js 與或運算符 || && 妙用，可用于精簡代碼，降低程序的可讀性。2009-12-12
return語句在js中起到舉足輕重的作用，該關鍵字不僅具有返回函數(shù)值得功能，還具有一些特殊的用法，有個清晰的把握是非常有必要的，下面通過本篇文章給大家簡單介紹下return語句的作用2015-12-12
下面小編就為大家?guī)硪黄狫S獲取字符對應的ASCII碼實例。小編覺得挺不錯的，現(xiàn)在就想給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要介紹了微信小程序的運行機制與安全機制解決方案，接觸小程序有一段時間了，總得來說小程序開發(fā)門檻比較低，但其中基本的運行機制和原理還是要懂的2023-02-02
支持IE和FF的div＋css選項卡...2006-11-11
這篇文章主要介紹了JavaScript異步forEach的相關知識，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-07-07
微信小程序如何加載數(shù)據(jù)庫真實數(shù)據(jù)的實現(xiàn)
這篇文章主要介紹了微信小程序如何加載數(shù)據(jù)庫真實數(shù)據(jù)的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。本文給大家介紹Bootstrap 頁面排版樣式的相關知識，希望對大家有所幫助！2016-04-04