JavaScript 原型和原型鏈

原型

在 JavaScript 中,我們所稱的原型有兩個(gè)使用語境:

  • 原型關(guān)系
  • 原型屬性

原型關(guān)系指對(duì)象的原型對(duì)象纹腌,且該對(duì)象會(huì)繼承原型對(duì)象的所有屬性。
原型屬性指函數(shù)(函數(shù)本質(zhì)上也是對(duì)象)的原型屬性(.prototype)。

原型關(guān)系

每一個(gè)對(duì)象都有自己的原型對(duì)象(Object除外)专筷,對(duì)象會(huì)繼承原型對(duì)象的所有屬性于未。
在瀏覽器的控制臺(tái)中撕攒,可以使用 .__proto__來查看一個(gè)對(duì)象的原型對(duì)象陡鹃。

let obj = {}
console.dir(obj.__proto__)

console.dir(obj.__proto__)打印出的原型對(duì)象

只要是對(duì)象(Object除外),就一定擁有一個(gè).__proto__屬性抖坪,指向該對(duì)象的原型對(duì)象萍鲸。
一般情況下,對(duì)象都是由構(gòu)造函數(shù)構(gòu)造出來的擦俐,該對(duì)象的.__proto__指向該構(gòu)造函數(shù)的.prototype屬性脊阴。

let obj = new Number(1)
obj.__proto__ === Number.prototype
對(duì)象.__proto__ === 函數(shù).prototype

一般的對(duì)象還有一個(gè).constructor屬性指向該對(duì)象的構(gòu)造函數(shù)。

原型屬性

每一個(gè)函數(shù)都會(huì)有一個(gè)原型屬性(.prototype)蚯瞧,該原型屬性指向該函數(shù)構(gòu)造的對(duì)象的原型對(duì)象(.__proto__)嘿期。
同樣可以用控制臺(tái)打出來

let num = new Number(1)
num.__proto__ === Number.prototype  // true
console.dir(Number.prototype)
Number.prototype

原型鏈

原型鏈描述對(duì)象之間互相引用的關(guān)系。
獲取一個(gè)對(duì)象的屬性時(shí)埋合,JavaScript引擎先從對(duì)象自身查找备徐,如果沒找到,就到這個(gè)對(duì)象的原型對(duì)象上查找甚颂,還沒有找到就再繼續(xù)到原型對(duì)象上查找蜜猾,直到查找到這個(gè)屬性或者原型鏈的終點(diǎn)。
所有原型鏈的最后一個(gè)原型對(duì)象都是 Object.prototype,Object.prototype的原型是 null

let array = new Array(1,2)
console.log(array)
array.__proto__ === Array.prototype                       // true
Array.prototype.__proto__ === Object.prototype    // true
Object.prototype.__proto__ === null                      // true
原型鏈?zhǔn)纠?/div>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末西设,一起剝皮案震驚了整個(gè)濱河市瓣铣,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌贷揽,老刑警劉巖棠笑,帶你破解...
    沈念sama閱讀 206,723評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異禽绪,居然都是意外死亡蓖救,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門印屁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來循捺,“玉大人,你說我怎么就攤上這事雄人〈娱伲” “怎么了?”我有些...
    開封第一講書人閱讀 152,998評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵础钠,是天一觀的道長恰力。 經(jīng)常有香客問我,道長旗吁,這世上最難降的妖魔是什么踩萎? 我笑而不...
    開封第一講書人閱讀 55,323評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮很钓,結(jié)果婚禮上香府,老公的妹妹穿的比我還像新娘董栽。我一直安慰自己,他們只是感情好企孩,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評(píng)論 5 374
  • 文/花漫 我一把揭開白布锭碳。 她就那樣靜靜地躺著,像睡著了一般柠硕。 火紅的嫁衣襯著肌膚如雪工禾。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,079評(píng)論 1 285
  • 那天蝗柔,我揣著相機(jī)與錄音闻葵,去河邊找鬼。 笑死癣丧,一個(gè)胖子當(dāng)著我的面吹牛槽畔,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播胁编,決...
    沈念sama閱讀 38,389評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼厢钧,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了嬉橙?” 一聲冷哼從身側(cè)響起早直,我...
    開封第一講書人閱讀 37,019評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎市框,沒想到半個(gè)月后霞扬,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,519評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡枫振,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評(píng)論 2 325
  • 正文 我和宋清朗相戀三年喻圃,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片粪滤。...
    茶點(diǎn)故事閱讀 38,100評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡斧拍,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出杖小,到底是詐尸還是另有隱情肆汹,我是刑警寧澤,帶...
    沈念sama閱讀 33,738評(píng)論 4 324
  • 正文 年R本政府宣布予权,位于F島的核電站昂勉,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏伟件。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評(píng)論 3 307
  • 文/蒙蒙 一议经、第九天 我趴在偏房一處隱蔽的房頂上張望斧账。 院中可真熱鬧谴返,春花似錦、人聲如沸咧织。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽习绢。三九已至渠抹,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間闪萄,已是汗流浹背梧却。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評(píng)論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留败去,地道東北人放航。 一個(gè)月前我還...
    沈念sama閱讀 45,547評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像圆裕,于是被迫代替她去往敵國和親广鳍。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評(píng)論 2 345

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