瀏覽器和Node中eventloop的區(qū)別（js執(zhí)行機(jī)制）
一、瀏覽器端的eventloop
1）1個(gè)函數(shù)執(zhí)行棧逻锐，1個(gè)微任務(wù)隊(duì)列摔刁，1個(gè)時(shí)間隊(duì)列
2）宏任務(wù)與微任務(wù)
- 宏任務(wù)： macrotask 也叫tasks，異步回調(diào)會(huì)進(jìn)入tasks个少，其包含：
- setTimeout
- setInterval
- setImmediate(Node)
- requestAnimationFrame (瀏覽器)
- I/O
- UI rendering
- 微任務(wù)： microtask蒙揣， 也叫jobs靶溜，另一些異步任務(wù)microtask，其包含：
- process.nextTick(Node)
- promise.then()
- Object.observe
- Mutation.observer
執(zhí)行順序：執(zhí)行棧 > 微任務(wù) > 宏任務(wù)
二懒震、 NodeJs中的eventloop
執(zhí)行機(jī)制：
- times(計(jì)時(shí)期)
- I/O callbacks處理流罩息、網(wǎng)絡(luò)、tcp錯(cuò)誤callback
- idle个扰、prepare node內(nèi)部使用
- poll輪詢瓷炮，執(zhí)行poll中的I/O隊(duì)列，檢查定時(shí)器是否到時(shí)
- check(檢查)存放setImmediate回調(diào)
- close callbacks關(guān)閉回調(diào) socket.on('close')
執(zhí)行過(guò)程：
- 執(zhí)行js中的同步代碼
- 執(zhí)行microtask微任務(wù)递宅，先執(zhí)行NextTickQueue中的所有任務(wù)娘香，在執(zhí)行Other Microtask Queue中的所有任務(wù)。
- 開(kāi)始執(zhí)行macrotask宏任務(wù)恐锣，共6個(gè)階段茅主，從第1個(gè)階段開(kāi)始舞痰，執(zhí)行相應(yīng)的每個(gè)階段macrotask中的所有任務(wù)土榴，注意：這里是所有每個(gè)階段宏任務(wù)隊(duì)列的所有任務(wù)，在瀏覽器中的eventloop只取宏任務(wù)中的第一個(gè)任務(wù)出來(lái)執(zhí)行响牛，每一個(gè)階段的macrotask任務(wù)執(zhí)行完畢后玷禽，開(kāi)始執(zhí)行微任務(wù)，也就是步驟2
- Times queue -> 步驟2 -> I/O queue -> 步驟2 -> check queue -> 步驟2 -> close callback queue -> 步驟2 -> timers queue
- 這就是node的eventloop的簡(jiǎn)化版
三呀打、瀏覽器和Node中的eventloop的區(qū)別
- 實(shí)現(xiàn)機(jī)制不同
- nodejs可以理解成4個(gè)宏任務(wù)和2個(gè)微任務(wù)隊(duì)列矢赁，但執(zhí)行宏任務(wù)時(shí)，有6個(gè)步驟
- Nodejs中贬丛，先執(zhí)行全局的js代碼撩银，執(zhí)行完同步代碼調(diào)用棧，清空后豺憔，先從微任務(wù)隊(duì)列NextTick queue中依次取出所有的任務(wù)额获，放入調(diào)用棧執(zhí)行；再?gòu)奈⑷蝿?wù)隊(duì)列中的other microtask queue中依次取出所有任務(wù)放入調(diào)用棧執(zhí)行恭应。然后開(kāi)始宏任務(wù)的6個(gè)階段抄邀，每個(gè)階段都將該宏任務(wù)隊(duì)列中的所有任務(wù)都取出來(lái)執(zhí)行，每個(gè)宏任務(wù)階段執(zhí)行完畢后昼榛，開(kāi)始執(zhí)行微任務(wù)境肾，在開(kāi)始執(zhí)行下一階段的宏任務(wù)，以此構(gòu)建事件循環(huán)。
- Microtask包括：setTimeout\setInterval\setImmediate\requestAnimation\I/O\UI rendering
- Microtask包括：process.nextTick(Node)\promise.then()\Object.observe\Mutation.observer
注意：new promise()構(gòu)造函數(shù)里面的是同步代碼奥喻，非微任務(wù)
