摘要:也就是說構(gòu)造,也可以稱之為初始化。關(guān)鍵在于第二步,我們來證明一下這段代碼會返回。按照標(biāo)準(zhǔn),是不對外公開的,也就是說是個私有屬性,但是的引擎將他暴露了出來成為了一個共有的屬性,我們可以對外訪問和設(shè)置。其余的也都是同樣的道理。
下面的寫法在javascript是很常見的,但是javascript中的new的執(zhí)行過程是怎么樣子的呢?看下面寫法:
var Person = function(name) { this.name = name; } var p = new Person();
new操作符的操作是:
var p = {}
p.__proto__ = Person.prototype
Person.call(p)
var p={}; 也就是說,初始化一個對象p。
p.__proto__ = Person.prototype;
Person.call(p);也就是說構(gòu)造p,也可以稱之為初始化p。
關(guān)鍵在于第二步,我們來證明一下:
var Person = function() {} var p = new Person(); alert(p.__proto__ == Person.prototype)
這段代碼會返回true。說明我們步驟2的正確。
那么__proto__是什么?我們在這里簡單地說下。每個對象都會在其內(nèi)部初始化一個屬性,就是__proto__,當(dāng)我們訪問一個對象的屬性時,如果這個對象內(nèi)部不存在這個屬性,那么他就會去__proto__里找這個屬性,這個__proto__又會有自己的__proto__,于是就這樣一直找下去,也就是我們平時所說的原型鏈的概念。
按照標(biāo)準(zhǔn),__proto__是不對外公開的,也就是說是個私有屬性,但是Firefox的引擎將他暴露了出來成為了一個共有的屬性,我們可以對外訪問和設(shè)置。
好,概念說清了,讓我們看一下下面這些代碼:
var Person = function () { }; Person.prototype.Say = function () { alert("Person say"); } var p = new Person(); p.Say();
這段代碼很簡單,相信每個人都這樣寫過,那就讓我們看下為什么p可以訪問Person的Say。
首先var p=new Person();可以得出p.__proto__=Person.prototype。那么當(dāng)我們調(diào)用p.Say()時,首先p中沒有Say這個屬性,于是,他就需要到他的__proto__中去找,也就是Person.prototype,而我們在上面定義了Person.prototype.Say=function(){}; 于是,就找到了這個方法。
好,接下來,讓我們看個更復(fù)雜的。
var Person = function () { }; Person.prototype.Say = function () { alert("Person say"); } Person.prototype.Salary = 50000; var Programmer = function () { }; Programmer.prototype = new Person(); Programmer.prototype.WriteCode = function () { alert("programmer writes code"); }; Programmer.prototype.Salary = 500; var p = new Programmer(); p.Say(); p.WriteCode(); alert(p.Salary);
我們來做這樣的推導(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上的圖:
可以把prototype可以當(dāng)成是一個指針,當(dāng)new一個方法的時候,指向的都是一個內(nèi)存區(qū)域。
看完這些,感覺對原型鏈的了解應(yīng)該差不多了吧。
轉(zhuǎn)自與:http://www.cnblogs.com/zzcfly...
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/80176.html
摘要:先來一個構(gòu)造函數(shù)構(gòu)造一個人類實例化一個對象看看的名字是什么打印結(jié)果先說一個前提只要是函數(shù),就會有一個屬性,可以理解為子代的原型遺傳基因只要是對象,就會有一個方法,可以理解為向上尋找原型的方法。 關(guān)于javascript中的原型和原型鏈 我GitHub上的菜鳥倉庫地址: 點擊跳轉(zhuǎn)查看其他相關(guān)文章 文章在我的博客上的地址: 點擊跳轉(zhuǎn) ? ? ? ? 關(guān)于javascript中的原型和原...
摘要:每個函數(shù)都有一個屬性構(gòu)造函數(shù)指向?qū)嵗腿缦聢D重點理解實例對象指向?qū)嵗蛯ο髤⒖荚┛偷哪莻€部分挖來下圖理解之后我們來看在聲明函數(shù)的時候有一種聲明方法是構(gòu)造函數(shù)下面參考阮一峰第三種聲明函數(shù)的方式是構(gòu)造函數(shù)。 理解關(guān)于Function的原型鏈問題 關(guān)于Function的原型鏈問題的一些個人粗略理解,歡迎指正錯誤的地方 可以看這篇文章:https://github.com/KieSun...
摘要:原文鏈接關(guān)于的原型和原型鏈,看我就夠了一參考鏈接闖關(guān)記之原型及原型鏈之原型與原型鏈一篇文章帶你理解原型和原型鏈徹底理解原型鏈一的默認指向圖解和的三角關(guān)系原型和原型鏈三張圖搞懂的原型對象與原型鏈 溫故 創(chuàng)建對象的三種方式 通過對象直接量 通過new創(chuàng)建對象 通過Object.create() js中對象分為兩種 函數(shù)對象 普通對象 仔細觀察如下代碼 function Foo(na...
摘要:的原型鏈,需要深刻的研究才能搞懂。對象都是通過函數(shù)即構(gòu)造函數(shù)創(chuàng)建的。即這里的成為隱式原型。而構(gòu)造函數(shù)的屬性指向自身。這個對象的構(gòu)造函數(shù)的是一個對象。走到原型鏈的終結(jié)。 - JS是一個非常有魅力的語言也是一個比較煩人的語言,主要就是因為他的特殊性靈活性。 JS的原型鏈,需要深刻的研究才能搞懂。不要糾結(jié)細節(jié)吧。實在不行就按這個死背住,慢慢就理解了??傊删褪且痪湓捜f物皆對象。 結(jié)合這個圖示...
閱讀 3236·2021-11-24 09:39
閱讀 2912·2021-09-09 11:34
閱讀 3190·2021-09-07 09:58
閱讀 2299·2019-08-30 13:07
閱讀 2859·2019-08-29 15:09
閱讀 1560·2019-08-29 13:01
閱讀 2300·2019-08-26 12:18
閱讀 1911·2019-08-26 10:28