痛苦javascript之旅--執(zhí)行上下文

通過(guò)上篇,我們已經(jīng)知道js引擎是什么,那么我們就再了解一點(diǎn)更有意思的東西吧,

一.什么是可執(zhí)行代碼(Execution code)

1.定義(Definitions)

js中合法的代碼,可以被js解析器執(zhí)行的代碼(非官方定義)

2.類(lèi)型(Types of execution code)

在ECMASscript中的代碼有三種類(lèi)型:global, function和eval。

2.1全局代碼(Global code)

這種類(lèi)型的代碼是在"程序"級(jí)處理的:例如加載外部的js文件或者本地標(biāo)簽內(nèi)的代碼。全局代碼不包括任何function體內(nèi)的代碼。

2.2函數(shù)代碼(Function code)

函數(shù)體中的代碼(包括自定義和內(nèi)建的函數(shù))

2.3Eval代碼(Eval? code)

使用eval函數(shù)執(zhí)行的代碼

二.什么是可執(zhí)行上下文(Execution Context)

1.定義(Definitions)

每次當(dāng)控制器轉(zhuǎn)到ECMAScript可執(zhí)行代碼的時(shí)候,即會(huì)進(jìn)入到一個(gè)執(zhí)行上下文。執(zhí)行上下文(簡(jiǎn)稱(chēng)-EC)是ECMA-262標(biāo)準(zhǔn)里的一個(gè)抽象概念,用于同可執(zhí)行代碼(executable code)概念進(jìn)行區(qū)分。

2.類(lèi)型(Types of execution code)--根據(jù)可執(zhí)行代碼的類(lèi)型,Weber也給執(zhí)行上下文分類(lèi)


2.1.Global Execution Context 全局執(zhí)行上下文

代碼的默認(rèn)運(yùn)行環(huán)境,程序代碼一旦被載入,最先進(jìn)入的執(zhí)行環(huán)境.只有一個(gè)全局執(zhí)行上下文.

2.2.Function Execution Context 函數(shù)執(zhí)行上下文

每當(dāng)調(diào)用一個(gè)函數(shù),也就是執(zhí)行函數(shù)體中的代碼會(huì)新建一個(gè)函數(shù)執(zhí)行上下文環(huán)境.

2.3.Eval Execution Context Eval執(zhí)行上下文

當(dāng)使用eval函數(shù)執(zhí)行代碼的時(shí)候,會(huì)新建一個(gè)eval執(zhí)行上下文.

3.組成(compose)


一個(gè)執(zhí)行的上下文可以抽象的理解為object。每一個(gè)執(zhí)行的上下文都有一系列的屬性(我們稱(chēng)為上下文狀態(tài)),他們用來(lái)追蹤關(guān)聯(lián)代碼的執(zhí)行進(jìn)度。這個(gè)圖示就是一個(gè)context的結(jié)構(gòu)。

圖 6. 上下文結(jié)構(gòu)


除了這3個(gè)所需要的屬性(變量對(duì)象(variable object),this指針(this value),作用域鏈(scope chain)),執(zhí)行上下文根據(jù)具體實(shí)現(xiàn)還可以具有任意額外屬性。

三.什么是執(zhí)行上下文棧(Execution Context Stack(ECS))

如下圖,所有的ECMAScript的程序執(zhí)行都可以看做是一個(gè)執(zhí)行上下文堆棧[execution context (EC) stack]。堆棧的頂部就是處于激活狀態(tài)的上下文。

圖 4. 執(zhí)行上下文棧

當(dāng)一段程序開(kāi)始時(shí),會(huì)先進(jìn)入全局執(zhí)行上下文環(huán)境[global execution context],

這個(gè)也是堆棧中最底部的元素。此全局程序會(huì)開(kāi)始初始化,初始化生成必要的對(duì)象[objects]和函數(shù)[functions].

在此全局上下文執(zhí)行的過(guò)程中,它可能會(huì)激活一些方法(當(dāng)然是已經(jīng)初始化過(guò)的),然后進(jìn)入他們的上下文環(huán)境,然后將新的元素壓入堆棧。在這些初始化都結(jié)束之后,這個(gè)系統(tǒng)會(huì)等待一些事件(例如用戶的鼠標(biāo)點(diǎn)擊等),會(huì)觸發(fā)一些方法,然后進(jìn)入一個(gè)新的上下文環(huán)境。

見(jiàn)圖5,有一個(gè)函數(shù)上下文“EC1″和一個(gè)全局上下文“Global EC”,下圖展現(xiàn)了從“Global EC”進(jìn)入和退出“EC1″時(shí)棧的變化:

圖 5. 執(zhí)行上下文棧的變化

ECMAScript運(yùn)行時(shí)系統(tǒng)就是這樣管理代碼的執(zhí)行。

我也是剛剛學(xué)習(xí)javascript這門(mén)語(yǔ)言,如果有什么理解錯(cuò)誤的地方,歡迎指出。


來(lái)源于--湯姆大叔 - 博客園?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容