浏览器/node中的事件循环

1. 浏览器的事件循环

如果在执行JavaScript代码的过程中，有异步操作会如何进行：

• 在编写代码中我们插入了一个setTimeout的函数调用；
• 这个函数被放到入调用栈中，执行会立即结束，并不会阻塞后续代码的执行；

2. 浏览器中的JavaScript线程

• 我们经常会说JavaScript是单线程的，但是JavaScript的线程应该有自己的容器进程：浏览器或者Node。
• 目前多数的浏览器其实都是多进程的，当我们打开一个tab页面时就会开启一个新的进程，这是为了防止一个页 面卡死而造成所有页面无法响应，整个浏览器需要强制退出；
• 每个进程中又有很多的线程，其中包括执行JavaScript代码的线程；

JavaScript的代码执行是在一个单独的线程中执行的：

• JavaScript的代码，在同一个时刻只能做一件事；
• 如果这件事是非常耗时的，就意味着当前的线程就会被阻塞；

所以真正耗时的操作，实际上并不是由JavaScript线程在执行的：

• 浏览器的每个进程是多线程的，那么其他线程可以来完成这个耗时的操作；
• 比如网络请求、定时器，我们只需要在特性的时候执行应该有的回调即可；

JavaScript线程中的代码运行其实是通过事件队列进行执行的，事件队列中维护着两个队列，宏任务和微任务

• 宏任务队列（macrotask queue）：ajax、setTimeout、setInterval、DOM监听、UI Rendering等
• 微任务队列（microtask queue）：Promise的then回调、 Mutation Observer API、queueMicrotask()等

3. 事件循环对于两个队列的优先级

• main script中的代码优先执行（编写的顶层script代码）；
• 在执行任何一个宏任务之前（不是队列，是一个宏任务），都会先查看微任务队列中是否有任务需要执行

        ①也就是宏任务执行之前，必须保证微任务队列是空的；

        ②如果不为空，那么就优先执行微任务队列中的任务（回调）；

4. Node的事件循环

浏览器中的EventLoop是根据HTML5定义的规范来实现的，不同的浏览器可能会有不同的实现，而Node中是由 libuv实现的。

这里我们来给出一个Node的架构图：

• 我们会发现libuv中主要维护了一个EventLoop和worker threads（线程池）；
• EventLoop负责调用系统的一些其他操作：文件的IO、Network、child-processes等

libuv是一个多平台的专注于异步IO的库，它最初是为Node开发的，但是现在也被使用到Luvit、Julia、pyuv等其 他地方；