痛苦javascript之旅--總結

估計有些小朋友看了我們之前的那幾篇文章,還是有點云里霧里的,那么我就總結一下,具體的流程步驟,希望對大家有幫助。

首先我們要知道,以下這些過程都是js解析器所需要去做的,都是一些抽象的概念,和我們js代碼中的對象不是一回事,他們在js代碼中是不存在的,只是為了讓我們更好的理解,模擬成js中的對象的。

1.JS引擎在進入一段可執(zhí)行的代碼之前就會進行以下三個步驟

a.創(chuàng)建一個全局對象(Global Object)

b.創(chuàng)建一個 執(zhí)行上下文棧 (execution context)

c.創(chuàng)建一個 全局上下文(EC)并放入執(zhí)行上下文棧中

2.進入全局上下文中

2.1創(chuàng)建階段(預處理)

(在進入第一行代碼以前,js引擎會把全局對象初始化給全局變量對象,因為全局對象和全局變量變量這些都是抽象的概念(他們并不存在),所以js代碼是無法訪問到的,但是我們想要訪問他,怎么辦呢?所以就讓window指向全局對象,window也是全局對象的一個屬性,我們在控制臺看見的window無線的循環(huán)就是因為,他一直指向他本身,所以,我們可以通過window這個屬性間接拿到這個全局對象(變量對象)并操作。)

a.創(chuàng)建一個變量對象

{

函數(shù)的所有形參(如果我們是在函數(shù)執(zhí)行上下文中)

沒有傳遞對應參數(shù)的話,那么由名稱和undefined值組成的一種變量對象的屬性也將被創(chuàng)建。

如果在函數(shù)中還會生成Arguments對象

所有函數(shù)聲明(FunctionDeclaration, FD)

如果變量對象已經(jīng)存在相同名稱的屬性,則完全替換這個屬性。

所有變量聲明(var, VariableDeclaration)

1.必須是var的,沒有var的是不存在變量對象里面的

2.如果有同名函數(shù)不會被變量聲明覆蓋,會繞過去

3.給個值-underfined

4.無論是包含數(shù)組還是對象還是函數(shù),在變量里面只是放著一個地址而已


注意,函數(shù)表示式是不會出現(xiàn)在變量對象中的 : 匿名函數(shù)和函數(shù)表示式

}

b.創(chuàng)建作用域鏈--裝入當前執(zhí)行上下文中的變量對象


函數(shù)有個默認屬性,scope,在函數(shù)創(chuàng)建的的時候,這個屬性就生成了,里面存在當前上下文的變量對象(什么叫函數(shù)創(chuàng)建的時候,當代碼一行一行的解析到函數(shù)定義的時候,這個才會創(chuàng)建函數(shù),函數(shù)里面包裹的函數(shù),這個時候還沒有被創(chuàng)建,當調(diào)用函數(shù)的時候,里面的函數(shù)才會被創(chuàng)建,會生成默認屬性scope,這個里面會被裝入父級的scope)

c.創(chuàng)建this值

?2.2執(zhí)行代碼

從頭開始一行一行執(zhí)行代碼,然后給變量賦值,賦值后更新變量對象中對象變量的值

3.都執(zhí)行完畢后,整個執(zhí)行上下文退出棧,并消失,全局在瀏覽器關閉后消失

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

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

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