個人理解
javascript單線程
- 為啥是單線程呢镀梭？因為誕生之初，設(shè)計這個語言的人是為了與瀏覽器交互(處理DOM)專門設(shè)計的踱启。假如是多線程的話报账，如果要處理DOM元素，有多個任務(wù)同時處理同一個DOM埠偿，就會有沖突了透罢。
事件循環(huán)機制
- 首先，js分為同步任務(wù)和異步任務(wù)
- 同步任務(wù)會放入一個執(zhí)行棧中
- 異步任務(wù)會放入任務(wù)隊列
-
當(dāng)執(zhí)行棧中的任務(wù)全部執(zhí)行完成之后冠蒋，會陸續(xù)調(diào)用任務(wù)隊列中的任務(wù)（異步的回調(diào)函數(shù)）
image.png - 同步和異步任務(wù)分別進入不同的執(zhí)行"場所"羽圃，同步的進入主線程，異步的進入Event Table并注冊函數(shù)抖剿。
- 當(dāng)指定的事情完成時朽寞，Event Table會將這個函數(shù)移入Event Queue胚吁。
- 主線程內(nèi)的任務(wù)執(zhí)行完畢為空，會去Event Queue讀取對應(yīng)的函數(shù)愁憔，進入主線程執(zhí)行。
- 上述過程會不斷重復(fù)孽拷，也就是常說的事件循環(huán)吨掌。
異步任務(wù)
異步任務(wù)分為macro-task和micro-task
macro-task:
- setInterval()
- setTimeout()
micro-task:
- new Promise()
- new MutaionObserver()
在一個事件循環(huán)中，異步事件返回結(jié)果后會被放到一個任務(wù)隊列中脓恕。然而膜宋，根據(jù)這個異步事件的類型，這個事件實際上會被對應(yīng)的宏任務(wù)隊列或者微任務(wù)隊列中去炼幔。并且在當(dāng)前執(zhí)行棧為空的時候秋茫，主線程會 查看微任務(wù)隊列是否有事件存在。如果不存在乃秀，那么再去宏任務(wù)隊列中取出一個事件并把對應(yīng)的回到加入當(dāng)前執(zhí)行棧肛著；如果存在，則會依次執(zhí)行隊列中事件對應(yīng)的回調(diào)跺讯，直到微任務(wù)隊列為空枢贿，然后去宏任務(wù)隊列中取出最前面的一個事件，把對應(yīng)的回調(diào)加入當(dāng)前執(zhí)行棧...如此反復(fù)刀脏，進入循環(huán)局荚。
我們只需記住當(dāng)當(dāng)前執(zhí)行棧執(zhí)行完畢時會立刻先處理所有微任務(wù)隊列中的事件，然后再去宏任務(wù)隊列中取出一個事件愈污。同一次事件循環(huán)中耀态，微任務(wù)永遠在宏任務(wù)之前執(zhí)行。
