javascript是一個(gè)單線程語言，javascript分為同步機(jī)制及異步機(jī)制，其中同步機(jī)制是放在棧中，而異步機(jī)制是放在隊(duì)列中，等到棧中的任務(wù)執(zhí)行完后在去執(zhí)行隊(duì)列里面的任務(wù)。
javascript有一個(gè)main thread(主線程)和call-stack(調(diào)用棧),當(dāng)在是call-stack中的任務(wù)時(shí)，遇到類似于settimeout這種異步的api后，會(huì)交由瀏覽器其它模塊處理，然后異步時(shí)間到后，把異步需要處理的task放到隊(duì)列中，當(dāng)調(diào)用棧中的任務(wù)執(zhí)行完后在去執(zhí)行隊(duì)列里面的task
舉個(gè)例子
console.log('1')
setTimeout(()=>{
console.log('2')
})
setTimeout(()=>{
console.log('3')
})
console.log('4')
根據(jù)執(zhí)行上下文開始進(jìn)入到調(diào)用棧，首先遇到console.log('1')，然后在調(diào)用棧中執(zhí)行改代碼
image.png
當(dāng)執(zhí)行遇到setTimeout時(shí)，由于是異步函數(shù)，會(huì)把該異步task交由timer模塊處理，當(dāng)timer模塊處理完后，把對(duì)應(yīng)的函數(shù)放到task queue中等待
image.png
注意：
call-stack把異步任務(wù)交由timer模塊后立馬執(zhí)行新的上下文代碼
image.png
image.png
當(dāng)call-stack中的任務(wù)執(zhí)行完成后，然后就去執(zhí)行task queue里面的任務(wù)
所以頁面最終的輸出順序?yàn)?p>
console.log('1')
console.log('4')
console.log('2')
console.log('3')
