微任务与宏任务与eventloop

首先我们需要了解一个概念，在promise执行之前是同步任务，再.then和.catch之后变成微任务

执行完同步任务之后，优先执行微任务

执行顺序是：

同步任务 ==> 微任务 ==>宏任务

js是单线程的语言，不会同时执行两行代码，当我们出现alert弹窗时，是无法执行下面的console.info的

setTimeout(_ => console.log(4))

new Promise(resolve => {
  resolve()
  console.log(1)
}).then(_ => {
  console.log(3)
})

console.log(2)

通过上面的了解，此时应该很好得出这道笔试题的答案了
没错，是1 2 3 4

所有的异步回调函数，执行的结果会进入一个队列，整个队列就是一个宏任务；
在博客园里一篇文章就形象的解释了宏任务和微任务的执行过程：
A B C三个人同时在银行某个柜台办理存钱业务（宏任务），A在存完钱之后，没有离开，选择购买理财和基金（中途产生了微任务），那么这个时候B C必须要在A完成购买基金理财之后，才能执行宏任务

再来解释一下eventloop，翻译过来就是事件循环

每办理完一个业务，柜员就会问当前的客户，是否还有其他需要办理的业务。
（检查还有没有微任务需要处理）
而客户明确告知说没有事情以后，柜员就去查看后边还有没有等着办理业务的人。
（结束本次宏任务、检查还有没有宏任务需要处理）
这个检查的过程是持续进行的，每完成一个任务都会进行一次，而这样的操作就被称为Event
Loop。(这是个非常简易的描述了，实际上会复杂很多)

借此再复习一下，async/await这种语法糖结构

setTimeout(_ => console.log(4))

async function main() {
  console.log(1)
  await Promise.resolve()
  console.log(3)
}

main()

console.log(2)

async函数在await之前的代码都是同步执行的，
可以理解为await之前的代码属于new Promise时传入的代码，
await之后的所有代码都是在Promise.then中的回调