1.浏览器中的eventloop和node中的有什么区别?
----在 Node 中的 Event Loop 和浏览器中的是完全不相同的东西
浏览器端的Event loop
1.一个函数执行栈,一个事件队列,一个微任务队列
函数调用栈: 用来执行js代码
task队列(宏任务队列): 存放异步任务
微任务队列: 存放另一些异步任务
运行过程: 在event loop调度一个宏任务之前,先查看微任务队列是否有未执行的任务
如果有,先执行完所有的微任务。然后执行这个宏任务。
Node中的Event loop
1.六个宏任务事件队列
timers: 执行setTimeout,setInterval的回调
i/o: 处理网络,流,tcp的错误回调
第三个: idle,perpare,(node内部使用,不需要关注)
poll:执行poll中的i/o队列(node内部使用,不需要关注)
check: 检查存放setImmediate回调
close: 关闭的回调,例如socket.on('close')
2.有两个微任务
区别一:Node可以理解成有4个宏任务和2个微任务,但是执行的时候有6个阶段
区别二:都先执行全局js代码,执行完同步代码调用栈清空后,然后从微任务取出所有任务放到调用栈
然后Node就会将宏任务队列中的任务全部取出
而浏览器就只会取出一个
2.宏任务和微任务
1.宏任务:macrotask,也叫tasks 一些异步任务的回调会进入macro task queue.
异步任务包括: setTimeout,setInterval
setImmediate(Node独有)
requestAnimationFrame(浏览器独有) ,I/O ,UI rendering(浏览器独有)
2.微任务:microtask,也叫jobs 另一些异步任务的回调会进入micro task queue.
异步任务包括: proccess.nextTick(Node独有)
Promise.then() (Promise构造函数是同步,不是异步)
Object.observe
MutationObserver
3.什么是异步队列,何时被放入异步队列
异步函数先放在异步队列中;有setTimeout等待时间过后,才放入异步队列中。
ajax执行完毕过后放入异步队列
4.event loop 事件轮询
先执行执行栈中的任务,只要栈中的代码执行完毕,主线程就会去读取"任务队列",依次执行那些事件所对应的回调函数。而且任务队列是一个先进先出的数据结构。
这就像是每次执行栈为空时,便会询问任务队列是否有可执行任务