Javascript中執(zhí)行上下文和執(zhí)行環(huán)境

什么是執(zhí)行上下文钝诚?

js代碼解析執(zhí)行時所處的環(huán)境,顧名思義扎阶。

全局執(zhí)行上下文

只有一個洛姑,瀏覽器中全局對象就是window對象上沐,this指向全局對象

函數(shù)執(zhí)行上下文

只有函數(shù)被調(diào)用時才會創(chuàng)建執(zhí)行環(huán)境,可以有多個楞艾,多次参咙。

eval執(zhí)行上下文

js中不推薦用這個函數(shù)

執(zhí)行棧

棧的結(jié)構(gòu),后進先出产徊。先會創(chuàng)建一個全局的執(zhí)行上下文,push到當前的執(zhí)行棧頂蜀细,當調(diào)用新的函數(shù)則push新的函數(shù)執(zhí)行上下文舟铜,當執(zhí)行完后pop出執(zhí)行棧。

執(zhí)行上下文的創(chuàng)建過程

兩個階段創(chuàng)建階段和執(zhí)行階段

創(chuàng)建階段

確定this指向

全局執(zhí)行上下文中奠衔,this指向全局
函數(shù)執(zhí)行上下文中谆刨,this指向取決于當前調(diào)用的方式。

創(chuàng)建詞法環(huán)境

詞法環(huán)境有兩個組成部分

環(huán)境記錄是存儲變量和函數(shù)聲明的實際位置归斤。
對外部環(huán)境的引用意味著它可以訪問其外部詞法環(huán)境痊夭。

詞法環(huán)境有兩種類型

全局環(huán)境是一個沒有外部環(huán)境的詞法環(huán)境,外部環(huán)境應用為null脏里。擁有一個全局對象以及該對象擁有的對象和屬性她我,還有用戶自定義的全局變量。
函數(shù)環(huán)境,包括用戶在函數(shù)定義的變量存儲在環(huán)境記錄中番舆,包括argumnets對象酝碳。外部環(huán)境可能是全局環(huán)境,也可能是包含內(nèi)部函數(shù)的外部函數(shù)環(huán)境恨狈。

GlobalExectionContext = {  // 全局執(zhí)行上下文
  LexicalEnvironment: {       // 詞法環(huán)境
    EnvironmentRecord: {        // 環(huán)境記錄
      Type: "Object",              // 全局環(huán)境
      // 標識符綁定在這里 
      outer: <null>                // 對外部環(huán)境的引用
  }  
}

FunctionExectionContext = { // 函數(shù)執(zhí)行上下文
  LexicalEnvironment: {       // 詞法環(huán)境
    EnvironmentRecord: {        // 環(huán)境記錄
      Type: "Declarative",         // 函數(shù)環(huán)境
      // 標識符綁定在這里             // 對外部環(huán)境的引用
      outer: <Global or outer function environment reference>  
  }  
}

創(chuàng)建變量環(huán)境

變量環(huán)境也是一個詞法環(huán)境疏哗,因此它具有上面定義的詞法環(huán)境的所有屬性。

在 ES6 中禾怠,詞法環(huán)境和變量環(huán)境的區(qū)別在于前者用于存儲函數(shù)聲明和變量( let 和 const )綁定返奉,而后者僅用于存儲變量( var )綁定。
變量提升的原因
在創(chuàng)建階段吗氏,函數(shù)聲明存儲在環(huán)境中芽偏,而變量會被設置為 undefined(在 var 的情況下)或保持未初始化(在 let 和 const 的情況下)

執(zhí)行階段

進入執(zhí)行上下文

添加形參,變量聲明牲证,函數(shù)聲明哮针,
同一作用域下,函數(shù)提升比變量提升得更靠前.

代碼執(zhí)行

修改變量對象的值

內(nèi)存回收和內(nèi)存泄露

標記清除(常用)
標記清除算法將“不再使用的對象”定義為“無法到達的對象”。即從根部(在JS中就是全局對象)出發(fā)定時掃描內(nèi)存中的對象坦袍,凡是能從根部到達的對象十厢,保留。那些從根部出發(fā)無法觸及到的對象被標記為不再使用捂齐,稍后進行回收蛮放。
ES6 新出的兩種數(shù)據(jù)結(jié)構(gòu):WeakSet 和 WeakMap,表示這是弱引用奠宜,它們對于值的引用都是不計入垃圾回收機制的包颁。

常見的內(nèi)存泄露

內(nèi)存機制

基本類型:--> 棧內(nèi)存(不包含閉包中的變量)
引用類型:--> 堆內(nèi)存

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市压真,隨后出現(xiàn)的幾起案子娩嚼,更是在濱河造成了極大的恐慌,老刑警劉巖滴肿,帶你破解...
    沈念sama閱讀 222,378評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件岳悟,死亡現(xiàn)場離奇詭異,居然都是意外死亡泼差,警方通過查閱死者的電腦和手機贵少,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來堆缘,“玉大人滔灶,你說我怎么就攤上這事『鸱剩” “怎么了录平?”我有些...
    開封第一講書人閱讀 168,983評論 0 362
  • 文/不壞的土叔 我叫張陵麻车,是天一觀的道長。 經(jīng)常有香客問我萄涯,道長绪氛,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,938評論 1 299
  • 正文 為了忘掉前任涝影,我火速辦了婚禮枣察,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘燃逻。我一直安慰自己序目,他們只是感情好,可當我...
    茶點故事閱讀 68,955評論 6 398
  • 文/花漫 我一把揭開白布伯襟。 她就那樣靜靜地躺著猿涨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪姆怪。 梳的紋絲不亂的頭發(fā)上叛赚,一...
    開封第一講書人閱讀 52,549評論 1 312
  • 那天,我揣著相機與錄音稽揭,去河邊找鬼俺附。 笑死,一個胖子當著我的面吹牛溪掀,可吹牛的內(nèi)容都是我干的事镣。 我是一名探鬼主播,決...
    沈念sama閱讀 41,063評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼揪胃,長吁一口氣:“原來是場噩夢啊……” “哼璃哟!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起喊递,我...
    開封第一講書人閱讀 39,991評論 0 277
  • 序言:老撾萬榮一對情侶失蹤随闪,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后骚勘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體铐伴,經(jīng)...
    沈念sama閱讀 46,522評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,604評論 3 342
  • 正文 我和宋清朗相戀三年调鲸,在試婚紗的時候發(fā)現(xiàn)自己被綠了盛杰。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挽荡。...
    茶點故事閱讀 40,742評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡藐石,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出定拟,到底是詐尸還是另有隱情于微,我是刑警寧澤逗嫡,帶...
    沈念sama閱讀 36,413評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站株依,受9級特大地震影響驱证,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜恋腕,卻給世界環(huán)境...
    茶點故事閱讀 42,094評論 3 335
  • 文/蒙蒙 一抹锄、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧荠藤,春花似錦伙单、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至淤井,卻和暖如春布疼,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背币狠。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評論 1 274
  • 我被黑心中介騙來泰國打工游两, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人总寻。 一個月前我還...
    沈念sama閱讀 49,159評論 3 378
  • 正文 我出身青樓器罐,卻偏偏與公主長得像,于是被迫代替她去往敵國和親渐行。 傳聞我的和親對象是個殘疾皇子轰坊,可洞房花燭夜當晚...
    茶點故事閱讀 45,747評論 2 361

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