__proto__和prototype的理解

先看一段代碼:

varPerson=function( ) {

}

varp=newPerson( );

p.__proto__=Person.prototype

alert(p.__proto__===Person.prototype);//true

這段代碼會返回true。

? ? ? 那么__proto__是什么?我們在這里簡單地說下。每個對象都會在其內(nèi)部初始化一個屬性,就是__proto__,當(dāng)我們訪問一個對象的屬性時,如果這個對象內(nèi)部不存在這個屬性,那么他就會去__proto__里找這個屬性,這個__proto__又會有自己的__proto__,于是就這樣一直找下去,也就是我們平時所說的原型鏈的概念。

好,概念說清了,讓我們看一下下面這些代碼:

這段代碼很簡單,相信每個人都這樣寫過,那就讓我們看下為什么p可以訪問Person的Say。

//變量方式構(gòu)造函數(shù)

varPerson=function() { };

Person.prototype.Say=function() {

alert("Person say");

}

var p=new Person();

p.Say();

? ? ? ?首先var p=new Person();可以得出p.__proto__=Person.prototype。那么當(dāng)我們調(diào)用p.Say()時,首先p中沒有Say這個屬性,于是,他就需要到他的__proto__中去找,也就是Person.prototype,而我們在上面定義了Person.prototype.Say=function(){}; 于是,就找到了這個方法。

Firefox圖示:


好,接下來,讓我們看個更復(fù)雜的。

varPerson=function() { };

Person.prototype.Say=function() {

alert("Person say");

}

Person.prototype.Salary=50000;

varProgrammer=function() { };

Programmer.prototype=newPerson();

Programmer.prototype.WriteCode=function() {

alert("programmer writes code");

};

Programmer.prototype.Salary=500;

varp=newProgrammer();

console.log(p)

p.Say();

p.WriteCode();

alert(p.Salary);

Firefox控制臺示意圖:

我們來做這樣的推導(dǎo):

var p=new Programmer()可以得出p.__proto__=Programmer.prototype;

而在上面我們指定了Programmer.prototype=new Person();我們來這樣拆分,var p1=new Person();Programmer.prototype=p1;那么:

p1.__proto__=Person.prototype;

Programmer.prototype.__proto__=Person.prototype;

由根據(jù)上面得到p.__proto__=Programmer.prototype??梢缘玫絧.__proto__.__proto__=Person.prototype。

好,算清楚了之后我們來看上面的結(jié)果,p.Say()。由于p沒有Say這個屬性,于是去p.__proto__,也就是Programmer.prototype,也就是p1中去找,由于p1中也沒有Say,那就去p.__proto__.__proto__,也就是Person.prototype中去找,于是就找到了alert(“Person say”)的方法。

其余的也都是同樣的道理。

再來一張stackoverflow上的圖:


個人認(rèn)為prototype可以當(dāng)成是一個指針,當(dāng)new一個方法的時候,指向的都是一個內(nèi)存區(qū)域。

看完這些,感覺對原型鏈的了解應(yīng)該差不多了吧。

參考原文鏈接:http://www.cnblogs.com/zzcflying/archive/2012/07/20/2601112.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容