js事件循环机制and输出顺序讲解

简单介绍

首先js是单线程，这样就意味着所有的任务都要排队，前一个任务结束才会执行后面的任务。这就形成了事件队列。

如果队列的计算量大，CPU忙不过来，倒也算了。但是更多时候CPU是闲置的，因为IO设备处理得很慢。例如ajax读取网络数据。js设计者便想到，主线程完全可以不管IO设备，将其挂起，然后执行后面的任务。等后面的任务完成，再处理挂起来的任务。

只要主线程空了，就会读取任务队列，这就是js的运行机制，也被称为event loop(事件循环)。

异步任务

宏任务主要包含：script( 整体代码)、setTimeout、setInterval、I/O、UI 交互事件、setImmediate(Node.js 环境)
微任务主要包含：Promise.then、MutaionObserver、process.nextTick(Node.js 环境)

样例分析

样例1 -setTimeout promise

setTimeout(() => {
   
    //执行后 回调一个宏事件
    console.log('内层宏事件3')
}, 0)
console.log('外层宏事件1');
 
new Promise((resolve) => {
   
    console.log('外层宏事件2'