JavaScript 原型鏈學習總結

2019-11-21 00:10:16

字體：大中小

來源：轉載

供稿：網友

Function和Object都是函數的實例

Function的父原型指向到Function的原型，Function的原型的父原型是Object的原型。
Object的父原型也指向到Function的原型。
一個實例的對像，它的默認的父原型為其構造函數的顯示原型
[每個對像都有一個隱慝的屬性用于指向到它的父對像（構造對像的函數）的原型(這里稱為父原型或隱式原型）。因為原型也是對像,所以原型也有父原型,Object的原型是所有父原型的頂層(原型根)，這樣就形成了所謂原型鏈]

對像屬性訪問原則

　　當從一個對像那里讀取屬性時，如果對像自身屬性列表中不存在這樣的屬性，就會去自己關聯的父原型對像那里尋找，如果父原型對像屬性列表中也沒有這樣的屬性則會這個父原型的父原型那里查找，直到找到或直到對頂層原型[Object.prototype]對像屬性列表的查找完畢
調用對象的方法跟訪問屬性搜索過程一樣，因為方法的函數對象就是對象的一個屬性值。
實例：

復制代碼代碼如下:

 
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 