（三）消息对列与事件循环

（一）事件循环

要想在线程运行过程中，能接收并执行新的任务，就需要采用事件循环机制

引入了事件循环机制，可以让其在执行过程中接受新的任务，监听是否有新任务生成

事件循环系统就是在监听并执行消息队列中的任务

（二）消息队列

消息队列是一种数据结构，可以存放要执行的任务。它符合队列“先进先出”的特点，也就是说要添加任务的话，添加到队列的尾部；要取出任务的话，从队列头部去取。

（三）队列 + 循环

从上图可以看出，可以分为下面三个步骤：

1. 添加一个消息队列

2. IO 线程中产生的新任务添加进消息队列尾部

3. 渲染主线程会循环地从消息队列头部中读取任务，执行任务

主线程就这样一直循环往下执行，因此只要消息队列中有任务，主线程就会去执行。

（四）如何安全退出

确定要退出当前页面时，页面主线程会设置一个退出标志的变量，在每次执行完一个任务时，判断是否有设置退出标志。

还有两个涉及的问题：

1. 任务执行的优先级：宏任务和为任务

2. js执行是单线程的，如果有一个任务卡住了，结果如何？

后续探讨