原型鏈,__proto__和prototype

構(gòu)造函數(shù),原型和實(shí)例的關(guān)系:

每個(gè)構(gòu)造函數(shù)(constructor)都有一個(gè)原型對(duì)象(prototype),原型對(duì)象都包含一個(gè)指向構(gòu)造函數(shù)的指針,而實(shí)例(instance)都包含一個(gè)指向原型對(duì)象的內(nèi)部指針匠璧。

__proto__和prototype的區(qū)別

prototype 只有函數(shù)才有的屬性
__proto__是每一個(gè)對(duì)象都有的屬性

原型鏈

由于 __proto__是任何對(duì)象都有的屬性,而js,萬(wàn)物皆對(duì)象把将,所以會(huì)形成一條__proto__連起來(lái)的鏈條,遞歸訪(fǎng)問(wèn)__proto__必須最終到頭忆矛,并且值為null察蹲。

  • 一般來(lái)說(shuō),__proto__ === constructor.prototype
  • 當(dāng)訪(fǎng)問(wèn)一個(gè)屬性洪碳,會(huì)首先檢索自身的屬性递览,若自身沒(méi)有,則會(huì)沿著__proto__向上尋找瞳腌,一層一層地尋找绞铃,直到尋到 null ,這里的原型鏈就是實(shí)例對(duì)象的__proto__屬性嫂侍。
function A(name){
  this.test = name;
};
A.prototype.getName = function () {
  return console.log(this.test);
}
var a = new A('a');
function B() {};
// B.prototype.constructor = B; // 注意這個(gè)
B.prototype = new A('b');
var c = new B();

這是沒(méi)有設(shè)置B.prototype.constructor = B的各種情況的結(jié)果;

c.constructor ===  function A(name) {
  this.test = name;
}
B.prototype.constructor ===  function A(name) {
  this.test = name;
}
B.constructor ===  function Function() { [native code] }
a.__proto__ ===  A { getName: [Function] }
new B().__proto__ ===  A { test: 'b' }
B.prototype ===  A { test: 'b' }
c.__proto__ ===  A { test: 'b' }
B.__proto__ ===  function () { [native code] }
A.__proto__ ===  function () { [native code] }
B.prototype.__proto__ ===  A { getName: [Function] }

設(shè)置B.prototype.constructor = B的各種情況的結(jié)果;
(之所以要設(shè)置B.prototype.constructor = B儿捧,是為了使B的實(shí)例在原型鏈上不混亂)

c.constructor ===  function B() {}
B.prototype.constructor ===  function B() {}
B.constructor ===  function Function() { [native code] }
a.__proto__ ===  A { getName: [Function] }
new B().__proto__ ===  B { test: 'b', constructor: [Function: B] }
B.prototype ===  B { test: 'b', constructor: [Function: B] }
c.__proto__ ===  B { test: 'b', constructor: [Function: B] }
B.__proto__ ===  function () { [native code] }
A.__proto__ ===  function () { [native code] }
B.prototype.__proto__ ===  A { getName: [Function] }
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市挑宠,隨后出現(xiàn)的幾起案子菲盾,更是在濱河造成了極大的恐慌,老刑警劉巖各淀,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件懒鉴,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)临谱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)璃俗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人悉默,你說(shuō)我怎么就攤上這事城豁。” “怎么了抄课?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵唱星,是天一觀(guān)的道長(zhǎng)。 經(jīng)常有香客問(wèn)我跟磨,道長(zhǎng)间聊,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任吱晒,我火速辦了婚禮甸饱,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘仑濒。我一直安慰自己叹话,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布墩瞳。 她就那樣靜靜地躺著驼壶,像睡著了一般。 火紅的嫁衣襯著肌膚如雪喉酌。 梳的紋絲不亂的頭發(fā)上热凹,一...
    開(kāi)封第一講書(shū)人閱讀 51,692評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音泪电,去河邊找鬼般妙。 笑死,一個(gè)胖子當(dāng)著我的面吹牛相速,可吹牛的內(nèi)容都是我干的碟渺。 我是一名探鬼主播,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼突诬,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼苫拍!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起旺隙,我...
    開(kāi)封第一講書(shū)人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤绒极,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后蔬捷,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體垄提,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了塔淤。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片摘昌。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡速妖,死狀恐怖高蜂,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情罕容,我是刑警寧澤备恤,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站锦秒,受9級(jí)特大地震影響露泊,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜旅择,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一惭笑、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧生真,春花似錦沉噩、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至长已,卻和暖如春畜眨,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背术瓮。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工康聂, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人胞四。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓恬汁,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親撬讽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蕊连,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 不知道你有沒(méi)有想過(guò)這樣一個(gè)問(wèn)題 為什么我定義一個(gè)數(shù)組甘苍,它就有push、join烘豌、pop载庭、shift等方法,我明明什...
    plainnany閱讀 627評(píng)論 0 3
  • JS中原型鏈,說(shuō)簡(jiǎn)單也簡(jiǎn)單囚聚。 首先明確: 函數(shù)(Function)才有prototype屬性靖榕,對(duì)象(除Object...
    前小白閱讀 3,931評(píng)論 0 9
  • 特別說(shuō)明,為便于查閱顽铸,文章轉(zhuǎn)自https://github.com/getify/You-Dont-Know-JS...
    殺破狼real閱讀 1,138評(píng)論 0 4
  • ??面向?qū)ο螅∣bject-Oriented谓松,OO)的語(yǔ)言有一個(gè)標(biāo)志星压,那就是它們都有類(lèi)的概念,而通過(guò)類(lèi)可以創(chuàng)建任意...
    霜天曉閱讀 2,109評(píng)論 0 6
  • 一般對(duì)象的屬性規(guī)則 對(duì)象有__proto__屬性鬼譬,函數(shù)有prototype屬性娜膘; 對(duì)象由函數(shù)生成 生成對(duì)象時(shí),對(duì)象...
    keknei閱讀 437評(píng)論 0 0