JAVAscript是單線程，語(yǔ)句按照出現(xiàn)的順序執(zhí)行的。
驗(yàn)證：
業(yè)務(wù)代碼實(shí)是這樣的：
執(zhí)行結(jié)果：
納尼？這與“語(yǔ)句按照出現(xiàn)的順序執(zhí)行的”違背咯.......
這就是本文需要解釋的原因了：
①JavaScript是單線程，很長(zhǎng)時(shí)間內(nèi)應(yīng)該也不會(huì)改變；
②JavaScript存在事件循環(huán)機(jī)制。
JavaScript執(zhí)行分為 同步任務(wù)和異步任務(wù)。同步任務(wù)馬上執(zhí)行，異步任務(wù)等待執(zhí)行。就像小車(chē)排隊(duì)過(guò)收費(fèi)站，帶有錢(qián)車(chē)主先通過(guò)，沒(méi)錢(qián)交保護(hù)費(fèi)的把車(chē)挪到一邊等著。
上圖 call stack 就是收費(fèi)窗口，過(guò)一輛車(chē)卡住一輛，箭頭2 綠色框那群車(chē)主等候交保護(hù)費(fèi)。已經(jīng)借到錢(qián)的車(chē)主，去藍(lán)色區(qū)域繼續(xù)等待，等 call stack 沒(méi)有車(chē)了，收費(fèi)員會(huì)叫藍(lán)色區(qū)域 車(chē)主去交費(fèi)。以后都是這樣操作，沒(méi)有人逃得了！
專(zhuān)業(yè)圖解：
同步就是有過(guò)路費(fèi)，直接交費(fèi)走人；
異步：Event Table就是借到錢(qián)了，Event Queue就是等待當(dāng)收費(fèi)窗口沒(méi)其他車(chē)主了，過(guò)去交費(fèi)。
我們來(lái)分析一段較復(fù)雜的代碼，看看你是否真的掌握了js的執(zhí)行機(jī)制：
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í)行的時(shí)候，①和②是同步任務(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ù)，比如剛開(kāi)始分為 5 大綠框。判斷每個(gè)綠框執(zhí)行順序后，進(jìn)入單個(gè)綠框中，再繼續(xù)劃分，依然是 同步 ，異步宏，異步微 判斷；完成了單個(gè)綠框后，繼續(xù)其他單個(gè)綠框。
