JavaScript運行原理詳細分析解答

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

JS中的執行環境分為三類:

在一段JS代碼中可能會產生多個執行上下文，在JS中用棧這種數據結構來管理執行上下文，棧的特點是“先進后出，后進先出”,這種棧稱之為函數調用棧。

執行上下文的特點

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

創建階段

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

執行階段

此階段主要完成變量賦值、函數調用、其他操作

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

如果存在同名標識符（函數、變量），則函數可以覆蓋變量，函數的優先級高于變量

變量對象（OV）和激活對象（AO）是同一個東西，在不同時期的兩種叫法。在創建時期叫變量對象，在執行時期叫激活對象

以如下代碼為例

編譯階段

當JS控制器轉到這一段代碼時，會創建一個執行上下文，G_EC

執行上下文的結構大概如下：

執行上下文一旦創建完畢，就立馬被壓入函數調用棧中，此時解釋器會悄悄的做一件事情，就是給當前VO中的函數添加一個內部屬性[[scope]],該屬性指向上面的作用域鏈。

執行階段

一行一行執行代碼，當遇到一個表達式時，就會去當前作用域鏈的中查找VO對象，如果找到則返回，如果找不到,則繼續查找下一個VO對象，直至全局VO對象終止。

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

分別是創建階段和執行階段。

在創建階段，對于函數執行上下文，在創建變量對象時，會多創建一個arguments對象，然后為arguments對象添加屬性:"0"，"1", "2"其初始值為undefined,

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

相關文章：

p5.js實現黃金螺旋動畫

JS中事件委托使用詳解

Vue.js里computed與methods使用詳解

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