估計有些小朋友看了我們之前的那幾篇文章,還是有點云里霧里的,那么我就總結一下,具體的流程步驟,希望對大家有幫助。
首先我們要知道,以下這些過程都是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í)行代碼,然后給變量賦值,賦值后更新變量對象中對象變量的值