Event loop事件循环,是一个执行模型。不同的浏览器以及Nodejs里的具体实现是不一样的。
一,浏览器端:
HTML5规范里有明确定义,简单的说:
1,JS是单线程的,执行的时候在一条主栈上;
2,当遇到异步代码时,会区分它是宏任务还是微任务;
3,比如setTimeout和setInterval这类宏任务(macrotask),就会将他们放置到一个任务队列(也有称消息队列)中去,执行完成后,将callback推入到task中去等待执行;
4,如果遇到了Promise和MutationObserver这类微任务(microtask),就会发到一个微任务队列中去(也称job),执行完成后,也是将callback推入等待执行;
5,然后跳过他们继续执行后面的代码;当全局同步代码执行完成后,主线程清空了,这时候会把微任务队列推入主线程,依次执行清空,执行完毕后,将task中的第一个宏任务推入主线程执行;
6,接着再去检查微任务job,如果有就全部清空,然后再推入一个宏任务;
7,依次不断循环。。。
其实关键点在于宏任务和微任务的处理方式,宏任务是每次事件循环只处理一个,而微任务是批量一次性处理完,微任务的处理时机是在每个宏任务之间的间隔中;
二,node端
Node端是由libuv实现的,和浏览器实现方式大致相同,但是会有少许差异。
Node中的宏任务队列分为6个阶段(依次为):
1,timers:用来执行setTimeout和setInterval到期后的callback
2,I/O callbacks:上一轮循环中有少数的I/O callbacks会被延迟到这一轮的这个阶段执行
3,idle,prepare:这个阶段仅供内部使用,无需了解
4,poll:这个阶段是最重要的阶段,执行I/O callback,并且在适当的时候会在这个阶段进行阻塞
5,check:这个阶段是执行setImmediate的callback
6,close callbacks:执行close事件的callback,比如 socket.on(‘close’, func)
在浏览器端,可以理解为只有一个宏任务队列,所有的宏任务都在里面,但是在node端,需要区分开,不同类型的宏任务放在不同的队列里,执行时机和顺序也是有规范的,并不是先进先出。
而微任务队列也有两个(按顺序依次):
NextTick Queue:放置process.nextTick的callback
Other Microtask:放置Promise等其它的微任务
这两个也是有先后顺序的
那宏任务和微任务的执行时机呢?
这里我们要区分一下Node版本:@11以前,和@11以后
11以前:
按顺序依次取出微任务队列中所有的微任务, 全部执行, 接着取出一个阶段中的所有的callback,比如先是timers,全部执行完后(仅仅是timers的callback),再去执行微任务队列,然后依次下去。
区别于浏览器的是,Nodejs中微任务的执行时机是在每个宏任务队列阶段之间,而且是有顺序的,而宏任务也不是每次只取一个,而是取一类的队列,然后全部执行;
11以后:
和浏览器保持一致,也是一个一个的取,而不是一次性取一个队列的宏任务了,其它不变。