原型與原型鏈

全局對象 window

ECMAScript 規(guī)定全局對象叫做 global寄症,但是瀏覽器把 window 作為全局對象(瀏覽器先存在的)

window 就是一個(gè)哈希表焰坪,有很多屬性老赤。

window 的屬性就是全局變量臼膏。這些全局變量分為兩種:

一種是 ECMAScript 規(guī)定的 一種是瀏覽器自己加的屬性
global.parseInt
global.parseFloat
global.Number
global.String
global.Boolean
global.Object
window.alert
window.prompt
window.comfirm
window.console.log
window.console.dir
window.document
window.document.createElement
window.document.getElementById

全局函數(shù)

  1. Number
    var n = new Number(1) 創(chuàng)建一個(gè) Number 對象
  2. String
    var s = new String('hello') 創(chuàng)建一個(gè) String 對象
  3. Boolean
    var b = new Boolean(true) 創(chuàng)建一個(gè) Boolean 對象
  4. Object
    var o1 = {}
    var o2 = new Object()
    聲明對象方法 o1 和 o2 沒區(qū)別仿畸。但是不相等危尿,因?yàn)閮?nèi)存指向地址不同呐萌。

原型(公用屬性)

所有對象都有 toString 和 valueOf 屬性,那么我們是否有必要給每個(gè)對象一個(gè) toString 和 valueOf 呢脚线?

明顯不需要搁胆。

JS 的做法是把 toString 和 valueOf 放在一個(gè)對象里(暫且叫做公用屬性組成的對象)

然后讓每一個(gè)對象的 __proto__ 存儲這個(gè)「公用屬性組成的對象」的地址。

同理,每一個(gè) new Number對象渠旁,new String對象攀例,new Boolean對象都有它們的公用屬性,


new Number對象的共用屬性

new String對象的共用屬性

new Boolean對象的共用屬性

由于它們都是對象顾腊,在公用屬性中也有一個(gè) __proto__ 存儲對象的「公用屬性組成的對象」的地址粤铭。
這個(gè)「公用屬性組成的對象」就是原型。

原型鏈

在我們創(chuàng)建了 var n = new Number(1) 后杂靶,n.__proto__ 就指向 Number對象的原型prototype梆惯,Number對象的原型包括一些Number的公共屬性和存儲對象原型的 __proto__ 。那么 n.__proto__.__proto__ 就是指向?qū)ο蟮脑?Object.prototype吗垮。這樣就形成了一條原型鏈垛吗。

var n = new Number(1) 
n.__proto__ === Number.prototype    // true
n.__proto__.__proto__ === Object.prototype   // true

var s = new String('hello') 
s.__proto__ === String.prototype     // true
s.__proto__.__proto__ === Object.prototype   // true

var b = new Boolean(true) 
b.__proto__ === Boolean.prototype     // true
b.__proto__.__proto__ === Object.prototype   // true
原型鏈

var 對象 = new 函數(shù)這樣的構(gòu)造函數(shù)中,可以得出公式:
對象.__proto__ === 函數(shù).prototype烁登。

__proto__與prototype

在無代碼情況下怯屉,prototype 是瀏覽器寫的,本身就存在饵沧,是某對象的共同屬性的引用锨络,為了不讓對象的公用屬性因沒有被調(diào)用而被垃圾回收而存在。
在用戶存儲數(shù)據(jù)時(shí)狼牺, __proto__ 是某對象公用屬性的引用羡儿,是為了用戶使用其共用屬性中的方法而存在的

引申公式:

Object.__proto__ === Function.prototype
Object.prototype.__proto__ === null
Function.__proto__ === Function.prototype
Function.prototype.__proto__ === Object.prototype
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市是钥,隨后出現(xiàn)的幾起案子掠归,更是在濱河造成了極大的恐慌栖博,老刑警劉巖隙弛,帶你破解...
    沈念sama閱讀 216,997評論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異法挨,居然都是意外死亡码泞,警方通過查閱死者的電腦和手機(jī)兄旬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來余寥,“玉大人领铐,你說我怎么就攤上這事∷蜗希” “怎么了绪撵?”我有些...
    開封第一講書人閱讀 163,359評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長祝蝠。 經(jīng)常有香客問我音诈,道長幻碱,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,309評論 1 292
  • 正文 為了忘掉前任细溅,我火速辦了婚禮褥傍,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘喇聊。我一直安慰自己恍风,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評論 6 390
  • 文/花漫 我一把揭開白布誓篱。 她就那樣靜靜地躺著朋贬,像睡著了一般。 火紅的嫁衣襯著肌膚如雪窜骄。 梳的紋絲不亂的頭發(fā)上锦募,一...
    開封第一講書人閱讀 51,258評論 1 300
  • 那天,我揣著相機(jī)與錄音啊研,去河邊找鬼御滩。 笑死,一個(gè)胖子當(dāng)著我的面吹牛党远,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播富弦,決...
    沈念sama閱讀 40,122評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼沟娱,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了腕柜?” 一聲冷哼從身側(cè)響起济似,我...
    開封第一講書人閱讀 38,970評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎盏缤,沒想到半個(gè)月后砰蠢,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,403評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡唉铜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評論 3 334
  • 正文 我和宋清朗相戀三年台舱,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片潭流。...
    茶點(diǎn)故事閱讀 39,769評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡竞惋,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出灰嫉,到底是詐尸還是另有隱情拆宛,我是刑警寧澤,帶...
    沈念sama閱讀 35,464評論 5 344
  • 正文 年R本政府宣布讼撒,位于F島的核電站浑厚,受9級特大地震影響股耽,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜钳幅,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評論 3 327
  • 文/蒙蒙 一物蝙、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧贡这,春花似錦茬末、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評論 0 22
  • 我被黑心中介騙來泰國打工换衬, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人证芭。 一個(gè)月前我還...
    沈念sama閱讀 47,831評論 2 370
  • 正文 我出身青樓瞳浦,卻偏偏與公主長得像,于是被迫代替她去往敵國和親废士。 傳聞我的和親對象是個(gè)殘疾皇子叫潦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評論 2 354

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

  • 前言:原型與原型鏈這兩個(gè)名詞毋庸置疑聽起來是很高大上的,以前總是出現(xiàn)在傳說中官硝,這兩天看了教程矗蕊,準(zhǔn)備介紹一下這傳說中...
    EnochQin閱讀 656評論 0 3
  • ECMAScript規(guī)定全區(qū)對象叫做global,但是瀏覽器把window作為全局對象(瀏覽器先存在)window...
    饑人谷_講人話的咸魚閱讀 230評論 0 1
  • 在這篇文章里我們將要了解以下幾個(gè)方面: 關(guān)于內(nèi)存的那點(diǎn)事兒 關(guān)于垃圾回收那點(diǎn)事兒 包裝對象 什么是原型 什么是原型...
    長鯨向南閱讀 769評論 0 1
  • 全局對象 number()標(biāo)準(zhǔn)里面叫做global 瀏覽器里面叫做window window屬性主要分為: ...
    又見月尚初閱讀 390評論 1 1
  • 一座城 一條街 一間房 兩個(gè)人 一隅地 一柱燈 一幅畫 兩根藤 一張臺 一只爐 一把壺 兩盞杯 一盅酒 一碗水 一...
    喬小治閱讀 493評論 3 4