圖解原型和原型鏈(二)

前言:本篇以上一片篇基礎(chǔ)绒障,逐漸引出_ _ proto_ _和prototype的概念髓废。而且還是那句話,初學(xué)者拋開你們之前看到的各種有關(guān)于原型原型鏈的概念赂毯,那種很正經(jīng)的概念很容易把人繞暈糖赔。最后畫圖不易萍丐,轉(zhuǎn)載請注明出處。謝謝~

關(guān)鍵詞:_ _ proto_ _,prototype......
正文:
既然是圖解放典,那我們就直接上圖來說明逝变,簡單易懂。
現(xiàn)在刻撒,我們還是承接上文骨田,
1、
現(xiàn)在有s,b,o三個對象声怔,按照文章一所說态贤,那他們每一個相對應(yīng)的堆里面都有一個toString和valueOf。發(fā)現(xiàn)有什么問題了嗎醋火,看內(nèi)存圖吧悠汽。

var s = new String('Hi');
var b = new Boolean(true);
var o = new Object();

內(nèi)存圖一:


pro2-1.png

好吧,那既然這樣芥驳,我們就把它提出來就好嘍柿冲,:


pro2-2.png

2、想知道js里具體咋用看這里~~

var o = new Object();
o1.name = "beyrl"
o1.age = "18"

內(nèi)存圖二:


pro2-3.png

當(dāng)當(dāng)當(dāng)當(dāng)~~兆旬,
就是這樣一個隱藏屬性指向了這個公用屬性假抄。那這樣一個proto是不是有在哪里見過的感覺呢,看下圖~

image.png

好丽猬,有沒有一個大概了解呢宿饱,先出一道題考考你們:
eg:
問:1、o1 === o2? 2脚祟、o1.toString === o2.toString ?

var o1 = new Object()
var o2 = new Object()

這種問題怎么回答呢谬以,那我們還是來畫內(nèi)存圖吧,聽我的由桌,不會就畫圖为黎。


Pro2-4.png

從這個內(nèi)存圖中邮丰,我們可得知,A1肯定和A2不等铭乾,所以剪廉,o1和o2肯定就不一樣。但是o1.toString和o2.toString都是指向了公用屬性的toString()片橡,所以肯定相等妈经。


3.到這里,你們應(yīng)該對這個proto有一個基本的印象了捧书。但是現(xiàn)在,我有一個問題要問你們骤星,一個Number经瓷,應(yīng)該還會有很多除了toString(),valueOf()等其他的方法洞难,比如說舆吮,有些人知道還有toFixed等等。那這些專屬于number的這些方法队贱,去哪了呢色冀?老辦法,內(nèi)存圖:

var n1 = new Number()
var o1 = new Object()
pro2-5.png

4.上面只列舉了一個number共有的柱嫌,內(nèi)存圖锋恬,而事實(shí)上還有String共有的,布爾Boolean共有的编丘,与学,,大概就是如下的一個內(nèi)存圖:


pro2-6.png

再來一個比較形象些的:


image.png

那object的共有屬性嘉抓,String的共有屬性索守,number的共有屬性,Boolean的共有屬性抑片,這些本質(zhì)上都是哈希卵佛,那這些屬性是怎么出現(xiàn)的?我的意思是敞斋,是不是在一開始瀏覽器就把他們準(zhǔn)備好了呢截汪?
現(xiàn)在,要想起我在瀏覽器的垃圾回收機(jī)制中的知識點(diǎn):

如果一個哈希沒有被引用渺尘,那么就要被瀏覽器的垃圾回收機(jī)制回收挫鸽。

那么現(xiàn)在問題來了,到底是誰在引用它們鸥跟,導(dǎo)致他們沒有消失呢丢郊?就是這個:


image.png

說白了盔沫,object.prototype就是object的共有屬性,換一個名字就叫做

原型
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末枫匾,一起剝皮案震驚了整個濱河市架诞,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌干茉,老刑警劉巖谴忧,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異角虫,居然都是意外死亡沾谓,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門戳鹅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來均驶,“玉大人,你說我怎么就攤上這事枫虏「狙ǎ” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵隶债,是天一觀的道長腾它。 經(jīng)常有香客問我,道長死讹,這世上最難降的妖魔是什么瞒滴? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮回俐,結(jié)果婚禮上逛腿,老公的妹妹穿的比我還像新娘。我一直安慰自己仅颇,他們只是感情好单默,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著忘瓦,像睡著了一般搁廓。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上耕皮,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天境蜕,我揣著相機(jī)與錄音,去河邊找鬼凌停。 笑死粱年,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的罚拟。 我是一名探鬼主播台诗,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼完箩,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了拉队?” 一聲冷哼從身側(cè)響起弊知,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎粱快,沒想到半個月后秩彤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡事哭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年漫雷,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片慷蠕。...
    茶點(diǎn)故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡珊拼,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出流炕,到底是詐尸還是另有隱情,我是刑警寧澤仅胞,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布每辟,位于F島的核電站,受9級特大地震影響干旧,放射性物質(zhì)發(fā)生泄漏渠欺。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一椎眯、第九天 我趴在偏房一處隱蔽的房頂上張望挠将。 院中可真熱鬧,春花似錦编整、人聲如沸舔稀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽内贮。三九已至,卻和暖如春汞斧,著一層夾襖步出監(jiān)牢的瞬間夜郁,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工粘勒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留竞端,地道東北人。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓庙睡,卻偏偏與公主長得像事富,于是被迫代替她去往敵國和親技俐。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評論 2 344

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

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line)赵颅,也就是一...
    悟名先生閱讀 4,118評論 0 13
  • 全局對象 windowECMAScript 規(guī)定全局對象叫做 global虽另,但是瀏覽器把 window 作為全局對...
    半齋閱讀 441評論 0 0
  • JS中原型鏈,說簡單也簡單饺谬。 首先明確: 函數(shù)(Function)才有prototype屬性捂刺,對象(除Object...
    前小白閱讀 3,907評論 0 9
  • 最近有一部電影叫做(一條狗的使命)挺火的,有時間得抽空看看募寨。因為對狗的喜歡族展,讓我以前有時間就看關(guān)于狗的電影,比如說...
    灰姑娘玻璃鞋閱讀 256評論 0 1
  • 2016年7月7日拔鹰,在由中國福利會仪缸、上海靜安區(qū)人民政府等共同主辦的首屆上海國際少兒生活方式展上,一群身高管理師意外...
    身高管理師閱讀 713評論 0 0