內(nèi)存機(jī)制與函數(shù)執(zhí)行順序

在上一篇文章中我們通過(guò)變量在堆棧中的存儲(chǔ)和訪問(wèn)知道了腳本語(yǔ)言的執(zhí)行規(guī)則是 先定義嬉荆,后執(zhí)行。那么我們就來(lái)驗(yàn)證一下在我們的定義代碼中除了var一個(gè)對(duì)象之外蒋失,聲明函數(shù)和執(zhí)行函數(shù)的時(shí)候是否遵從這個(gè)執(zhí)行規(guī)則。

我們來(lái)看一點(diǎn)簡(jiǎn)單的代碼:

demo.png

輸出的三次a分別是什么?我們可以用先定義后執(zhí)行的思想分析一下

上面的代碼塊中 定義代碼有:
1. var a //定義變量a
2. function fn(){} //聲明一個(gè)叫fn的函數(shù)
那么問(wèn)題來(lái)了移剪,函數(shù) fn 內(nèi)部的也有定義代碼 var a,會(huì)不會(huì)先執(zhí)行呢薪者?是這樣的:因?yàn)橹挥挟?dāng)我們調(diào)用函數(shù)的時(shí)候才會(huì)執(zhí)行函數(shù)內(nèi)部的定義代碼纵苛,所以不會(huì)執(zhí)行函數(shù)內(nèi)部的var a,目前只有兩個(gè)定義代碼并且從上往下執(zhí)行。

定義代碼.png

當(dāng)我們沒有定義代碼之后攻人,我們就會(huì)執(zhí)行 執(zhí)行代碼取试,也是從上往下執(zhí)行。
執(zhí)行代碼第一步就是fn();怀吻,那么當(dāng)調(diào)用這個(gè)函數(shù)的時(shí)候就會(huì)進(jìn)入到函數(shù)內(nèi)部里面去瞬浓,我們首先還是會(huì)按照先定義后執(zhí)行的方式
函數(shù)內(nèi)部:
1.var a //定義函數(shù)內(nèi)部的a
2.console.log(a) //輸出a 我們發(fā)現(xiàn)只定義沒有賦值所以是undefined
3. a=1
當(dāng)函數(shù)內(nèi)部執(zhí)行完畢之后,將跳出函數(shù)繼續(xù)往下面執(zhí)行console.log(a)
默認(rèn)輸出全局環(huán)境下的a
所以整體的執(zhí)行順序如下圖:

執(zhí)行順序.png

最后會(huì)依次輸出 undefined object object
我們只要記住這個(gè)執(zhí)行順序來(lái)冷靜的分析烙博,基本上可以減少很多意想不到的錯(cuò)誤瑟蜈。

函數(shù)表達(dá)式

只有function fn() 這樣的函數(shù)聲明 才是定義代碼
而自執(zhí)行函數(shù)(function(){})()var fn1 = function(){}他們都屬于 函數(shù)表達(dá)式不屬于定義代碼。
我們可以通過(guò)代碼來(lái)看函數(shù)表達(dá)式與函數(shù)聲明的區(qū)別

函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別 .png

為什么會(huì)報(bào)錯(cuò)呢铺根?按照我們的理解,來(lái)分析一下執(zhí)行順序:

函數(shù)表達(dá)式.png

正因?yàn)樗呛瘮?shù)表達(dá)式乔宿,而不是函數(shù)聲明位迂,所以屬于執(zhí)行代碼,按照從上往下的執(zhí)行順序详瑞,在調(diào)用fn1之后執(zhí)行掂林,當(dāng)調(diào)用fn1時(shí)它還沒有被賦值為一個(gè)函數(shù),所以就會(huì)報(bào)錯(cuò)了坝橡。

在分析原因之前我們先了解一下內(nèi)存中是如何處理的

當(dāng)程序代碼解析時(shí) 看到通過(guò)函數(shù)聲明的方式創(chuàng)建函數(shù)fn(){}的時(shí)候泻帮, 這個(gè)函數(shù) fn 是創(chuàng)建在于堆中的,這個(gè)fn在內(nèi)存中叫做函數(shù)的“引用名稱”计寇,同時(shí)會(huì)有一個(gè)內(nèi)存地址锣杂,當(dāng)在運(yùn)行時(shí)環(huán)境試圖調(diào)用fn()時(shí),會(huì)先在棧中檢索看看有沒有定義fn這個(gè)變量番宁,如果棧中沒有元莫,就會(huì)去堆中找fn的引用名稱。
注意:匿名函數(shù)是沒有引用名稱的蝶押,它只有內(nèi)存地址踱蠢。

所以按照上面的說(shuō)法當(dāng)我們 var fn1 時(shí) 會(huì)在棧中開辟一塊空間叫 fn1,定義代碼結(jié)束之后會(huì)執(zhí)行執(zhí)行代碼棋电,會(huì)在“運(yùn)行時(shí)環(huán)境”中調(diào)用fn1()這個(gè)函數(shù)茎截,然后我們會(huì)現(xiàn)在棧中檢索發(fā)現(xiàn)我們定義了fn1這個(gè)變量,但是這個(gè)變量里面沒有存儲(chǔ)任何的內(nèi)存地址赶盔,fn1并不是一個(gè)函數(shù)稼虎,所以就會(huì)報(bào)錯(cuò)。

如果我們把代碼換一個(gè)順序:最后再調(diào)用fn1()
那么理所當(dāng)然的招刨,會(huì)把匿名函數(shù)的內(nèi)存地址給fn1 ,這樣就會(huì)輸出1了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末沉眶,一起剝皮案震驚了整個(gè)濱河市打却,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌谎倔,老刑警劉巖柳击,帶你破解...
    沈念sama閱讀 218,755評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異片习,居然都是意外死亡捌肴,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門藕咏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)状知,“玉大人,你說(shuō)我怎么就攤上這事孽查〖玻” “怎么了?”我有些...
    開封第一講書人閱讀 165,138評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵盲再,是天一觀的道長(zhǎng)西设。 經(jīng)常有香客問(wèn)我,道長(zhǎng)答朋,這世上最難降的妖魔是什么贷揽? 我笑而不...
    開封第一講書人閱讀 58,791評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮梦碗,結(jié)果婚禮上禽绪,老公的妹妹穿的比我還像新娘。我一直安慰自己叉弦,他們只是感情好丐一,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著淹冰,像睡著了一般库车。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上樱拴,一...
    開封第一講書人閱讀 51,631評(píng)論 1 305
  • 那天柠衍,我揣著相機(jī)與錄音,去河邊找鬼晶乔。 笑死珍坊,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的正罢。 我是一名探鬼主播阵漏,決...
    沈念sama閱讀 40,362評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了履怯?” 一聲冷哼從身側(cè)響起回还,我...
    開封第一講書人閱讀 39,264評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎叹洲,沒想到半個(gè)月后柠硕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,724評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡运提,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年蝗柔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片民泵。...
    茶點(diǎn)故事閱讀 40,040評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡癣丧,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出洪灯,到底是詐尸還是另有隱情坎缭,我是刑警寧澤,帶...
    沈念sama閱讀 35,742評(píng)論 5 346
  • 正文 年R本政府宣布签钩,位于F島的核電站掏呼,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏铅檩。R本人自食惡果不足惜憎夷,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望昧旨。 院中可真熱鬧拾给,春花似錦、人聲如沸兔沃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)乒疏。三九已至额衙,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間怕吴,已是汗流浹背窍侧。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留转绷,地道東北人伟件。 一個(gè)月前我還...
    沈念sama閱讀 48,247評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像议经,于是被迫代替她去往敵國(guó)和親斧账。 傳聞我的和親對(duì)象是個(gè)殘疾皇子谴返,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評(píng)論 2 355

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

  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情其骄,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式亏镰。簡(jiǎn)單...
    舟漁行舟閱讀 7,766評(píng)論 2 17
  • 單例模式 適用場(chǎng)景:可能會(huì)在場(chǎng)景中使用到對(duì)象,但只有一個(gè)實(shí)例拯爽,加載時(shí)并不主動(dòng)創(chuàng)建,需要時(shí)才創(chuàng)建 最常見的單例模式钧忽,...
    Obeing閱讀 2,073評(píng)論 1 10
  • 《ijs》速成開發(fā)手冊(cè)3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 10...
    葉染柒丶閱讀 5,163評(píng)論 0 7
  • //Clojure入門教程: Clojure – Functional Programming for the J...
    葡萄喃喃囈語(yǔ)閱讀 3,665評(píng)論 0 7
  • 青山朗俊毯炮,碧水旖旎,老榕扶桑耸黑√壹澹看曉風(fēng)清塵,韻起蝶只大刊;疾雨飛鞭为迈,驚宕鵠雙。戰(zhàn)火連燒缺菌,額眉頻鎖葫辐,城春草木惹澗旁。天遼闊...
    風(fēng)清語(yǔ)文閱讀 308評(píng)論 0 1