JAVAscript是單線程,語句按照出現(xiàn)的順序執(zhí)行的。
驗證:

業(yè)務(wù)代碼實是這樣的:

執(zhí)行結(jié)果:

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

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

同步就是有過路費,直接交費走人;
異步:Event Table就是借到錢了,Event Queue就是等待當(dāng)收費窗口沒其他車主了,過去交費。
我們來分析一段較復(fù)雜的代碼,看看你是否真的掌握了js的執(zhí)行機制:
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') }) })

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

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

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