js事件循环机制event-loop理解

事件循环机制event-loop由三部分组成：调用栈、微任务队列、消息队列。

event-loop开始的时候，会从全局一行一行执行，遇到函数调用，先压入调用栈中，被压入的函数称之为帧，当函数返回后会从调用栈中弹出。

当js中存在异步操作，比如fetch、setTimeOut、setInterval，押入到调用栈中的时候，里面的消息会进入到消息队列中去，等到调用栈清空之后再执行。

promise、async、await的异步操作会加入到微任务中，在调用栈清空的时候立即执行。调用栈中加入的微任务会立即执行。微任务队列中的消息回避消息队列中的先执行。
捋一下：promise压入调用栈，console.log(4)立即执行，resolve(5)加入到微任务队列立即执行，但是没有打印，它会在then的时候打印。接着func1()进入调用栈，打印1，遇到setTimeOut，console.log(2)进入消息队列，打印3，then函数执行，打印5，最后执行消息队列的任务，打印2。