如何理解 JS 的异步#

Js 是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个。

渲染主线程担任着众多任务，比如：解析HTML、解析CSS、计算样式、布局、处理图层、渲染页面、执行全局js代码、执行事件处理函数、执行计时器的回调函数、执行Promise的回调函数等等；

如果使用同步执行的方法，就极有可能导致主线程产生阻塞，从而导致消息队列中的很多任务无法及时的到执行。

这样一来就会导致繁忙的主线程白白的消耗时间，另一方面导致页面无法及时更新，给用户造成卡死现象。

所以浏览器都是采用异步的方式来避免。具体做法是当某些任务发生时，比如计时器、网络、事件监听，主线程把对应的任务交给其他线程去处理，自身立即结束当前任务，去执行下面的全局js代码。当其他线程完成时，会将事先传递的方法包装程任务，加入到消息队列的末尾，等待主线程调度执行。

在这种异步模式下，浏览器永不阻塞，从而最大限度的保证单线程运行流畅。

JS 的事件循环#

事件循序又叫消息循环，是浏览器渲染主线程的工作方式。

在Chrome 的源码中，它开启了一个永不结束的 for 循环，每次循环从消息队列中取出第一个任务执行，而其他线程需要在合适的时机让任务加入到消息队列末尾。

过去把消息队列简答的分为宏任务和微任务，这种说法目前已经无法满足复杂的浏览器环境，取而代之的是一种更灵活多变的处理方式。

根据W3C 官方的解释，每个任务都有不同的类型，同类型的任务都必须在同一个队列中，不同的任务可以属于不同的队列。不同的任务队列有不同的优先级，在一次事件循环中，由浏览器自行决定取那个队列中的任务，但是浏览器必须有一个微任务队列，微任务队列的优先级最高，必须优先调度。