JavaScript是一種基于對象的動(dòng)態(tài)、弱類型腳本語言（以下簡稱JS），是一種解釋型語言，和其他的編程語言不同，如java/C++等編譯型語言，這些語言在代碼執(zhí)行前會(huì)進(jìn)行通篇編譯，先編譯成字節(jié)碼（機(jī)器碼）。然后在執(zhí)行。而JS不是這樣做的，JS是不需要編譯成中間碼，而是可以直接在瀏覽器中運(yùn)行，JS運(yùn)行過程可分為兩個(gè)階段，編譯和執(zhí)行。(可參考你不知道的JS這本書），當(dāng)JS控制器轉(zhuǎn)到一段可執(zhí)行的代碼時(shí)（這段可執(zhí)行代碼就是編譯階段生成的），會(huì)創(chuàng)建與之對應(yīng)的執(zhí)行上下文(Excution Context簡稱EC)。執(zhí)行上下文可以理解為執(zhí)行環(huán)境（執(zhí)行上下文只能由JS解釋器創(chuàng)建，也只能由JS解釋器使用，用戶是不可以操作該‘對象'的）。

JS中的執(zhí)行環(huán)境分為三類:

在一段JS代碼中可能會(huì)產(chǎn)生多個(gè)執(zhí)行上下文，在JS中用棧這種數(shù)據(jù)結(jié)構(gòu)來管理執(zhí)行上下文，棧的特點(diǎn)是“先進(jìn)后出，后進(jìn)先出”,這種棧稱之為函數(shù)調(diào)用棧。

執(zhí)行上下文的特點(diǎn)

執(zhí)行上下文可以形象的理解為一個(gè)普通的JS對象，一個(gè)執(zhí)行上下文的生命周期大概包含兩個(gè)階段：

創(chuàng)建階段

此階段主要完成三件事件，1、創(chuàng)建變量對象 2、建立作用域鏈 3、確定this指向

執(zhí)行階段

此階段主要完成變量賦值、函數(shù)調(diào)用、其他操作

變量對象(VO)的創(chuàng)建過程

如果存在同名標(biāo)識(shí)符（函數(shù)、變量），則函數(shù)可以覆蓋變量，函數(shù)的優(yōu)先級(jí)高于變量

變量對象（OV）和激活對象（AO）是同一個(gè)東西，在不同時(shí)期的兩種叫法。在創(chuàng)建時(shí)期叫變量對象，在執(zhí)行時(shí)期叫激活對象

以如下代碼為例

編譯階段

當(dāng)JS控制器轉(zhuǎn)到這一段代碼時(shí)，會(huì)創(chuàng)建一個(gè)執(zhí)行上下文，G_EC

執(zhí)行上下文的結(jié)構(gòu)大概如下：

執(zhí)行上下文一旦創(chuàng)建完畢，就立馬被壓入函數(shù)調(diào)用棧中，此時(shí)解釋器會(huì)悄悄的做一件事情，就是給當(dāng)前VO中的函數(shù)添加一個(gè)內(nèi)部屬性[[scope]],該屬性指向上面的作用域鏈。

執(zhí)行階段

一行一行執(zhí)行代碼，當(dāng)遇到一個(gè)表達(dá)式時(shí)，就會(huì)去當(dāng)前作用域鏈的中查找VO對象，如果找到則返回，如果找不到,則繼續(xù)查找下一個(gè)VO對象，直至全局VO對象終止。

此階段可以有變量賦值，函數(shù)調(diào)用等操作，當(dāng)解釋器遇到g_fn()時(shí)，就知道這是一個(gè)函數(shù)調(diào)用，然后立即為其創(chuàng)建一個(gè)函數(shù)執(zhí)行上下文，fn_EC，該上下文fn_EC同樣有兩個(gè)階段

分別是創(chuàng)建階段和執(zhí)行階段。

在創(chuàng)建階段，對于函數(shù)執(zhí)行上下文，在創(chuàng)建變量對象時(shí)，會(huì)多創(chuàng)建一個(gè)arguments對象，然后為arguments對象添加屬性:"0"，"1", "2"其初始值為undefined,

上面是我整理給大家的，希望今后會(huì)對大家有幫助。

相關(guān)文章：

p5.js實(shí)現(xiàn)黃金螺旋動(dòng)畫

JS中事件委托使用詳解

Vue.js里computed與methods使用詳解

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com