JS 作用域與作用域鏈

1. 作用域

作用域就是代碼的執(zhí)行環(huán)境,全局執(zhí)行環(huán)境就是全局作用域关带,函數(shù)的執(zhí)行環(huán)境就是私有作用域侥涵,它們都是棧內(nèi)存。

執(zhí)行環(huán)境定義了變量或函數(shù)有權(quán)訪問(wèn)的其他數(shù)據(jù)宋雏,決定了它們各自的行為芜飘。每個(gè)執(zhí)行環(huán)境都有一個(gè)與之關(guān)聯(lián)的變量對(duì)象,環(huán)境中定義的所有變量和函數(shù)都保存在這個(gè)對(duì)象中磨总。雖然我們編寫(xiě)的代碼無(wú)法訪問(wèn)這個(gè)對(duì)象嗦明,但解析器在處理數(shù)據(jù)時(shí)會(huì)在后臺(tái)使用它。

全局執(zhí)行環(huán)境是最外圍的一個(gè)執(zhí)行環(huán)境蚪燕。根據(jù) ECMAScript 實(shí)現(xiàn)所在的宿主環(huán)境不同娶牌,表示的執(zhí)行環(huán)境的對(duì)象也不一樣。

  • 在 Web 瀏覽器中馆纳,全局執(zhí)行環(huán)境被認(rèn)為是 window 對(duì)象诗良,因此所有全局變量和函數(shù)都是作為 window 對(duì)象的屬性和方法創(chuàng)建的
  • 在 NODE 環(huán)境中鲁驶,全局執(zhí)行環(huán)境是 global 對(duì)象累榜。

某個(gè)執(zhí)行環(huán)境中所有的代碼執(zhí)行完畢后,該環(huán)境被銷毀,保存在其中的所有變量和函數(shù)定義也隨之銷毀(全局執(zhí)行環(huán)境直到應(yīng)用程序退出時(shí)壹罚,如關(guān)閉瀏覽器或網(wǎng)頁(yè)葛作,才會(huì)被銷毀)

每個(gè)函數(shù)都有自己的執(zhí)行環(huán)境。當(dāng)執(zhí)行流進(jìn)入一個(gè)函數(shù)時(shí)猖凛,函數(shù)的環(huán)境就會(huì)被推入一個(gè)環(huán)境棧中赂蠢。而在函數(shù)執(zhí)行之后,棧將被環(huán)境彈出辨泳,把控制權(quán)返回給之前的執(zhí)行環(huán)境虱岂。ECMAScript 程序中的執(zhí)行流正是由這個(gè)方便的機(jī)制控制著。

概括來(lái)說(shuō):
作用域就是代碼執(zhí)行開(kāi)辟棧內(nèi)存

  • 私有作用域 ----> 函數(shù)執(zhí)行都會(huì)形成一個(gè)私有作用域
  • 全局作用域 ----> 頁(yè)面一打開(kāi)就會(huì)形成一個(gè)全局的作用域
  • 私有變量 ----> 在私有作用域里邊形成的變量 (通過(guò) var 聲明菠红; 形參)
  • 全局變量 ----> 在全局作用域形成的變量(var a = 12 或者函數(shù)內(nèi)沒(méi)有聲明第岖,直接賦值的變量)

2. 作用域鏈

當(dāng)代碼在一個(gè)環(huán)境中執(zhí)行時(shí),會(huì)創(chuàng)建變量對(duì)象的一個(gè)作用域鏈(作用域形成的鏈條)

  • 作用域鏈的前端试溯,始終都是當(dāng)前執(zhí)行的代碼所在環(huán)境的變量對(duì)象
  • 作用域鏈中的下一個(gè)對(duì)象來(lái)自于外部環(huán)境蔑滓,而在下一個(gè)變量對(duì)象則來(lái)自下一個(gè)外部環(huán)境,一直到全局執(zhí)行環(huán)境
  • 全局執(zhí)行環(huán)境的變量對(duì)象始終都是作用域鏈上的最后一個(gè)對(duì)象

內(nèi)部環(huán)境可以通過(guò)作用域鏈訪問(wèn)所有外部環(huán)境遇绞,但外部環(huán)境不能訪問(wèn)內(nèi)部環(huán)境的任何變量和函數(shù)键袱。

var n = 10;
function outer(){
  function inner(){
    function center(){
      console.log(n);
    }
    center();
  }
  inner();
  var n = 15;
}
outer(); //=> undefined

如函數(shù)的執(zhí)行,形成一個(gè)私有作用域摹闽,形參和當(dāng)前私有作用域中聲明的變量都是私有變量蹄咖,保存在內(nèi)部的一個(gè)變量對(duì)象中,其下一個(gè)外部環(huán)境可能是函數(shù)付鹿,也就包含了函數(shù)的內(nèi)部變量對(duì)象澜汤,直到全局作用域。

當(dāng)在內(nèi)部函數(shù)中舵匾,需要訪問(wèn)一個(gè)變量的時(shí)候银亲,首先會(huì)訪問(wèn)函數(shù)本身的變量對(duì)象,是否有這個(gè)變量纽匙,如果沒(méi)有,那么會(huì)繼續(xù)沿作用域鏈往上查找拍谐,直到全局作用域烛缔。如果在某個(gè)變量對(duì)象中找到則使用該變量對(duì)象中的變量值。

由于變量的查找是沿著作用域鏈來(lái)實(shí)現(xiàn)的轩拨,所以也稱作用域鏈為變量查找的機(jī)制践瓷。

這個(gè)機(jī)制也說(shuō)明了訪問(wèn)局部變量要比訪問(wèn)全局變量更快,因?yàn)橹虚g的查找過(guò)程更短亡蓉。但是 JavaScript 引擎在優(yōu)化標(biāo)識(shí)符查詢方面做得很好晕翠,因此這個(gè)差別可以忽略不計(jì)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市淋肾,隨后出現(xiàn)的幾起案子硫麻,更是在濱河造成了極大的恐慌,老刑警劉巖樊卓,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件拿愧,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡碌尔,警方通過(guò)查閱死者的電腦和手機(jī)浇辜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)唾戚,“玉大人柳洋,你說(shuō)我怎么就攤上這事√咎梗” “怎么了熊镣?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)立由。 經(jīng)常有香客問(wèn)我轧钓,道長(zhǎng),這世上最難降的妖魔是什么锐膜? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任毕箍,我火速辦了婚禮,結(jié)果婚禮上道盏,老公的妹妹穿的比我還像新娘而柑。我一直安慰自己,他們只是感情好荷逞,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布媒咳。 她就那樣靜靜地躺著,像睡著了一般种远。 火紅的嫁衣襯著肌膚如雪涩澡。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,365評(píng)論 1 302
  • 那天坠敷,我揣著相機(jī)與錄音妙同,去河邊找鬼。 笑死膝迎,一個(gè)胖子當(dāng)著我的面吹牛粥帚,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播限次,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼芒涡,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起费尽,我...
    開(kāi)封第一講書(shū)人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤赠群,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后依啰,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體乎串,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年速警,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了叹誉。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡闷旧,死狀恐怖长豁,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情忙灼,我是刑警寧澤匠襟,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站该园,受9級(jí)特大地震影響酸舍,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜里初,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一啃勉、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧双妨,春花似錦淮阐、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至挑随,卻和暖如春状您,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背兜挨。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工膏孟, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人暑劝。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像颗搂,于是被迫代替她去往敵國(guó)和親担猛。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

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

  • 大家好先改,我是IT修真院鄭州分院第四期的學(xué)員王相博,一枚正直蒸走、純潔仇奶、善良的前端程序員 今天給大家分享一下,修真院官網(wǎng)...
    More_ce0d閱讀 851評(píng)論 5 5
  • 作用域:變量和函數(shù)可訪問(wèn)的內(nèi)容 全局作用域存在的幾種形式:1.最外層函數(shù)和最外層函數(shù)外面定義的變量擁有全局作用域2...
    zhangjianli閱讀 252評(píng)論 1 1
  • This is a wood puzzle game designed for children.It's ver...
    奶瓶的騎士閱讀 179評(píng)論 0 0
  • 無(wú)意間看到一篇寫(xiě)SHE的文章比驻,因?yàn)闋顟B(tài)不好该溯,看完后雖然我不知道整體寫(xiě)了什么,但那幾個(gè)字是留在我腦海里了,她們就是我...
    一路李花開(kāi)閱讀 228評(píng)論 0 0