JAVAscript是單線程,語句按照出現的順序執行的。
驗證:

業務代碼實是這樣的:

執行結果:

納尼?這與“語句按照出現的順序執行的”違背咯.......
這就是本文需要解釋的原因了:
①JavaScript是單線程,很長時間內應該也不會改變;
②JavaScript存在事件循環機制。

JavaScript執行分為 同步任務和異步任務。同步任務馬上執行,異步任務等待執行。就像小車排隊過收費站,帶有錢車主先通過,沒錢交保護費的把車挪到一邊等著。
上圖 call stack 就是收費窗口,過一輛車卡住一輛,箭頭2 綠色框那群車主等候交保護費。已經借到錢的車主,去藍色區域繼續等待,等 call stack 沒有車了,收費員會叫藍色區域 車主去交費。以后都是這樣操作,沒有人逃得了!
專業圖解:

同步就是有過路費,直接交費走人;
異步:Event Table就是借到錢了,Event Queue就是等待當收費窗口沒其他車主了,過去交費。
我們來分析一段較復雜的代碼,看看你是否真的掌握了js的執行機制:
console.log('1'); setTimeout(function() { console.log('2'); process.nextTick(function() { console.log('3'); }) new Promise(function(resolve) { console.log('4'); resolve(); }).then(function() { console.log('5') }) }) process.nextTick(function() { console.log('6'); }) new Promise(function(resolve) { console.log('7'); resolve(); }).then(function() { console.log('8') }) setTimeout(function() { console.log('9'); process.nextTick(function() { console.log('10'); }) new Promise(function(resolve) { console.log('11'); resolve(); }).then(function() { console.log('12') }) })

首次執行的時候,①和②是同步任務,2和5是異步宏任務,3和4中then是異步微任務,所以首輪打印‘1’,‘7’字符串;
第二輪,先打印微任務,所以打印‘6’,‘8’字符串;
第三輪,執行宏任務,綠框2在前面,那就先執行2里面的操作:

異步里面當然可以有自己的同步和異步,所以打印‘2’,‘4’,接著‘3’,‘5’;
第四輪,執行宏任務,綠框5,

跟第三輪一模一樣,所以打印‘9’,‘11’,然后‘10’,‘12’。
就這樣執行完了,最終結果:1,7,6,8,2,4,3,5,9,11,10,12。
總結思想:大任務劃分為小任務,比如剛開始分為 5 大綠框。判斷每個綠框執行順序后,進入單個綠框中,再繼續劃分,依然是 同步 ,異步宏,異步微 判斷;完成了單個綠框后,繼續其他單個綠框。