浏览器事件循环（EventLoop）

JavaScript为什么是单线程？

浏览器JS的作用是操作DOM,决定了它只能是单线程，否则会带来很复杂的同步问题，比如：假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准。

任务队列：

广义任务为两种，一种是同步任务，另一种是异步任务。
（1）所有同步任务都在主线程上执行，形成一个执行栈；
（2) 主线程之外，还有一个‘任务队列’，只要异步任务有了任务运行结果，就在‘任务队列’之中放置一个事件；
（3）一旦‘执行栈’中的所有同步任务执行完毕，系统就会读取‘任务队列’，看看里边有哪些事件，哪些对应的异步任务，于是结束等待状态，进行执行栈，开始执行。
（4）主线程不断重复上面的第3步。

宏任务和微任务

宏任务：script(整体代码），setTimeout , setIntval , setImmediate , I/O , UI rending;
微任务：process.nextick , promise , Object.observe , MutationObserver;

1. 宏任务进入主线程，执行过程中就会收集微任务加入微任务队列；
2. 宏任务执行完毕后，立马执行微任务的任务，微任务队列执行过程中将再次收集宏任务，并加入宏任务队列；
3. 反复执行 1，2 步骤。

*注意：
每一轮事件循环执行一个宏任务和所有微任务；
任务队列，一定会保持先进先出的顺序执行。