浏览器渲染主线程是如何工作的？

浏览器渲染主线程是非常忙碌的。

比如：
我正在执行一个 JS 函数，执行到一半的时候用户点击了按钮，我该立即
去执行点击事件的处理函数吗？
我正在执行一个 JS 函数，执行到一半的时候某个计时器到达了时间，我
该立即去执行它的回调吗？
浏览器进程通知我“用户点击了按钮”，与此同时，某个计时器也到达了时
间，我应该处理哪一个呢？

渲染主线程想出了一个绝妙的主意来处理这个问题：排队。

1. 在最开始的时候，渲染主线程会进入一个无限循环

2. 每一次循环会检查消息队列中是否有任务存在。如果有，就取出第一个任务执行，执行完一个后进入下一次循环；如果没有，则进入休眠状态。

3. 其他所有线程（包括其他进程的线程）可以随时向消息队列添加任务。新任务会加到消息队列的末尾。在添加新任务时，如果主线程是休眠状态，则会将其唤醒以继续循环拿取任务。这样一来，就可以让每个任务有条不紊的、持续的进行下去了。
整个过程，被称之为事件循环（消息循环）