javascript 事件循环

Event Loop定义

网络上许多文章关于event loop定义不是很清晰，我们直接看官方规范标准。再次强调事件循环机制是由宿主决定，Web宿主规范标准定义在HTML Standand (opens new window)中，NodeJS宿主规范标准定义在libuv (opens new window)。

简单理解为：

1. javascript是单线程的，所有同步任务都在主线程上执行，形成一个执行栈。
2. 主线程之外，还存在一个"事件队列"。只要异步操作执行完成，就到事件队列中排队。
3. 一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取事件队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。
4. 主线程不断重复上面的第三步。
5. 异步任务又分成宏任务和微任务。宏任务包括script（全局任务，这个很重要）, setTimeout, setInterval, setImmediate, I/O, UI rendering., 微任务包括：process.nextTick, Promise, Object.observer, MutationObserver.  主线程执行完优先从微任务队列中取出微任务执行，然后从宏任务队列取出宏任务执行。

使用伪代码来说明事件队列概念：

// eventLoop队列数组，先进先出
var eventLoop = [], event;
// “永远”执行，事件循环嘛
while(true) {
    // 一次tick
    if (eventLoop.length > 0) {
        event = eventLoop.shift() // 拿到队列中下一个事件
        event() // 执行。这代码里面可能产生新的event放在eventLoop中
    }
}

while循环实现持续运行的循环，循环的每一轮称为tick。对每个tick而言，如果在队列中有等待事件，那么就会在队列中摘下一个事件并执行。这些事件就是你的回调函数。

注意，setTimeout不是把你的回调函数挂在事件循环队列中，而是设置一个定时器，当定时器到时后，环境会把你的回调函数放在事件循环中。这样，在未来某个时刻的tick会摘下并执行这个回调（真正的放在执行栈中执行）