事件循環(huán)機(jī)制

• 瀏覽器事件循環(huán)機(jī)制
• node事件循環(huán)機(jī)制
  事件循環(huán)機(jī)制分別有瀏覽器事件循環(huán)機(jī)制和node事件循環(huán)機(jī)制，今天記錄一下瀏覽器事件循環(huán)機(jī)制。

瀏覽器事件循環(huán)機(jī)制

1.js腳本執(zhí)行是單線程的，其中分為主線程，宏任務(wù)，微任務(wù)。
1.1 主線程可以理解為js從上到下依次執(zhí)行
1.2 宏任務(wù)有script setTimeout setInterval 等
1.3 微任務(wù)主要有promise
2.執(zhí)行主線程代碼，遇到宏任務(wù)會(huì)將宏任務(wù)中的回調(diào)放置在宏任務(wù)隊(duì)列中，當(dāng)遇到了promise的時(shí)候，將.then里的回調(diào)放置微任務(wù)隊(duì)列中，主線程執(zhí)行完成之后，先從微任務(wù)隊(duì)列中里拿出任務(wù)執(zhí)行，微任務(wù)執(zhí)行完成之后在從宏任務(wù)隊(duì)列里拿出任務(wù)執(zhí)行。宏任務(wù)里面可能還有其他的宏任務(wù)，微任務(wù)這個(gè)時(shí)候他們的任務(wù)會(huì)放在下一次循環(huán)中執(zhí)行，如此循環(huán)就是瀏覽器的事件循環(huán)機(jī)制。
3.下面給倆個(gè)例子大家看一下就明白了。

事件循環(huán)機(jī)制.png

圖中白色截圖就是打印結(jié)果，方便大家理解。
4.在記錄一個(gè)知識(shí)點(diǎn)new promise 是創(chuàng)建一個(gè)對(duì)象，是主線程哦。

事件循環(huán)機(jī)制2.png

文章為本人學(xué)習(xí)記錄使用，如有錯(cuò)誤歡迎大家指點(diǎn)。