Event loop 的理解

Event Loop 即事件循环，是指浏览器或者Node 的一种解决JavaScript 单线程运行时不阻塞的一种机制，也就是经常使用的异步远离。

堆（heap）

堆是一种数据结构，是利用完全二叉树维护的一组数组，堆分为两种，一种最大堆，一种为最小堆。堆是线性数据结构，相当于以为数组，有唯一后继。

栈（Stack）

栈是计算机科学中是限定仅在表尾进行插入或删除的线性表。栈是一种数据结构，它按照后进先出的原则存储数据，先进入的数据被压入栈底，最后的数据在栈顶，性质：后进先出（LIFO）

队列（Queue）

特殊之处在于它只允许在表的前端（front）进行删除操作，而在表的后段（rear）进行插入操作，和栈一样，队列是一种操作受限的线性表。性质（先进先出）

Event Loop

JavaScript 任务分为两种，一种宏任务（MacroTask）也叫Task，一种叫微任务（MicroTask）

MacroTask（宏任务）script全部代码、setTimeout、setInterval、setImmediate、I/O、UI Rendering

MicroTask（微任务）Process.nextTick(Node 独有)、Promise、Object.observe(废弃)

浏览器中的Event Loop

JavaScript 有一个main thread 主线程和call-stack 调用栈（执行栈），所有的任务都会被放到调用栈等待主线程执行。

同步任务和异步任务

JavaScript 单线程任务被分为同步任务和异步任务，同步任务会被在调用栈中按顺序等待主线程依次执行，异步任务会在异步任务有了结果后，将注册的回调函数放入任务队列中等待主线程空闲的时候，读取到栈内等待主线程的执行。