JS引擎執行緒的執行過程的三個階段（二）
繼上一篇文章 JS引擎執行緒的執行過程的三個階段（一）
三. 執行階段
1. 網頁的執行緒
永遠只有JS引擎執行緒在執行JS指令碼程式，其他三個執行緒只負責將滿足觸發條件的處理函式推進事件佇列，等待JS引擎執行緒執行， 不參與程式碼解析與執行。
-
JS引擎執行緒： 也稱為JS核心，負責解析執行Javascript指令碼程式的主執行緒（例如V8引擎）
-
事件觸發執行緒： 歸屬於瀏覽器核心程序，不受JS引擎執行緒控制。主要用於控制事件（例如滑鼠，鍵盤等事件），當該事件被觸發時候，事件觸發執行緒就會把該事件的處理函式推進事件佇列，等待JS引擎執行緒執行
-
定時器觸發執行緒：主要控制計時器setInterval和延時器setTimeout，用於定時器的計時，計時完畢，滿足定時器的觸發條件，則將定時器的處理函式推進事件佇列中，等待JS引擎執行緒執行。
注：W3C在HTML標準中規定setTimeout低於4ms的時間間隔算為4ms。
-
HTTP非同步請求執行緒：通過XMLHttpRequest連線後，通過瀏覽器新開的一個執行緒，監控readyState狀態變更時，如果設定了該狀態的回撥函式，則將該狀態的處理函式推進事件佇列中，等待JS引擎執行緒執行。
注：瀏覽器對通一域名請求的併發連線數是有限制的，Chrome和Firefox限制數為6個，ie8則為10個。
2. 巨集任務
巨集任務（macro-task）可分為 同步任務 和 非同步任務 ：
-
同步任務指的是在JS引擎主執行緒上按順序執行的任務，只有前一個任務執行完畢後，才能執行後一個任務，形成一個執行棧（函式呼叫棧）。
-
非同步任務指的是不直接進入JS引擎主執行緒，而是滿足觸發條件時，相關的執行緒將該非同步任務推進任務佇列(task queue)，等待JS引擎主執行緒上的任務執行完畢，空閒時讀取執行的任務，例如非同步Ajax，DOM事件，setTimeout等。
理解巨集任務中同步任務和非同步任務的執行順序，那麼就相當於理解了JS非同步執行機制–事件迴圈（Event Loop）。
3. 事件迴圈
事件迴圈可以理解成由三部分組成，分別是：
-
主執行緒執行棧
-
非同步任務等待觸發
-
任務佇列
任務佇列(task queue)就是以佇列的資料結構對事件任務進行管理，特點是先進先出，後進後出。
事件迴圈
setTimeout和setInterval的區別：
-
setTimeout是在到了指定時間的時候就把事件推到任務佇列中，只有當在任務佇列中的setTimeout事件被主執行緒執行後，才會繼續再次在到了指定時間的時候把事件推到任務佇列，那麼setTimeout的事件執行肯定比指定的時間要久，具體相差多少跟程式碼執行時間有關
-
setInterval則是每次都精確的隔一段時間就向任務佇列推入一個事件，無論上一個setInterval事件是否已經執行，所以有可能存在setInterval的事件任務累積，導致setInterval的程式碼重複連續執行多次，影響頁面效能。
4. 微任務
微任務是在es6和node環境中出現的一個任務型別，如果不考慮es6和node環境的話，我們只需要理解巨集任務事件迴圈的執行過程就已經足夠了，但是到了es6和node環境，我們就需要理解微任務的執行順序了。
微任務（micro-task）的API主要有: Promise， process.nextTick
微任務
例子理解：
console.log('script start');
setTimeout(function() {
console.log('setTimeout');
}, 0);
Promise.resolve().then(function() {
console.log('promise1');
}).then(function() {
console.log('promise2');
});
console.log('script end');
執行過程如下：
-
程式碼塊通過語法分析和預編譯後，進入執行階段，當JS引擎主執行緒執行到console.log('script start');，JS引擎主執行緒認為該任務是同步任務，所以立刻執行輸出script start，然後繼續向下執行；
-
JS引擎主執行緒執行到setTimeout(function() { console.log('setTimeout'); }, 0);，JS引擎主執行緒認為setTimeout是非同步任務API，則向瀏覽器核心程序申請開啟定時器執行緒進行計時和控制該setTimeout任務。由於W3C在HTML標準中規定setTimeout低於4ms的時間間隔算為4ms，那麼當計時到4ms時，定時器執行緒就把該回調處理函式推進任務佇列中等待主執行緒執行，然後JS引擎主執行緒繼續向下執行
-
JS引擎主執行緒執行到Promise.resolve().then(function() { console.log('promise1'); }).then(function() { console.log('promise2'); });，JS引擎主執行緒認為Promise是一個微任務，這把該任務劃分為微任務，等待執行
-
JS引擎主執行緒執行到console.log('script end');，JS引擎主執行緒認為該任務是同步任務，所以立刻執行輸出script end
-
主執行緒上的巨集任務執行完畢，則開始檢測是否存在可執行的微任務，檢測到一個Promise微任務，那麼立刻執行，輸出promise1和promise2
-
微任務執行完畢，主執行緒開始讀取任務佇列中的事件任務setTimeout，推入主執行緒形成新巨集任務，然後在主執行緒中執行，輸出setTimeout
最後的輸出結果即為：
script start script end promise1 promise2 setTimeout