JS事件队列解析以及宏任务和微任务，事件循环

JS事件队列解析以及宏任务和微任务，事件循环

  首先javascript是一门单线程脚本语言，但实际上其底层是藏有许多线程的。
例如有：
1、GUI 渲染线程

2、JS 引擎线程

3、定时器触发线程 (setTimeout)

4、浏览器事件线程 (onclick)

5、http 异步线程

6、EventLoop轮询处理线程

而js 中，又有两类任务队列：宏任务队列（macro tasks）和微任务队列（micro tasks）。

且当javascript代码执行的时候会将不同的变量存于内存中的不同位置：堆（heap）和栈（stack） 中来加以区分。其中，堆里存放着一些对象。而栈中则存放着一些基础类型变量以及对象的指针。

那么会有如下图所示的时间执行过程

其中任务队列Event Loop分为6个阶段执行

具体任务如下

timers: 这个阶段执行setTimeout()和setInterval()设定的回调。
pending callbacks: 上一轮循环中有少数的 I/O callback 会被延迟到这一轮的这一阶段执行。
idle, prepare: 仅内部使用。
poll: 执行 I/O callback，在适当的条件下会阻塞在这个阶段
check: 执行setImmediate()设定的回调。
close callbacks: 执行比如socket.on('close', ...)的回调。

而nodejs的运行是：

初始化 Event Loop 

执行您的主代码。这里同样，遇到异步处理，就会分配给对应的队列。直到主代码执行完毕。

执行主代码中出现的所有微任务：先执行完所有nextTick()，然后在执行其它所有微任务。

开始 Event Loop