关于js事件执行机制event loop的一道面试题

Question

`

async function async1 () {
    console.log('async1')
    await async2()
    console.log('async1-2')
}
async function async2 () {
    console.log('async2');
    return Promise.resolve().then(() => {
        console.log('async2-2')
    });
}

console.log(1)

async1()

setTimeout(() => {
    console.log('setTimeout')
},0)

new Promise((resolve, reject) => {
    console.log('promise1')
    resolve()
    console.log('promise4')
}).then(data => {
    console.log('promise3')
})

console.log(2)`

执行结果是：
1
async1
async2
promise1
promise4
2
async2-2
promise3
async1-2
setTimeout

关于 倾斜加粗 的部分我不是很理解，有谁可以解答下吗？

Answer 1

1. async2。 先忽略 await、async ，我们来看看这里应该怎么输出呢？还是同样输出对吧。

   1. 那么你的问题就变成了什么是 await、async ？
      我认为 async 声明这个方法是一个异步的，可以在里面 return 一个 promise
      await 呢，则是等待异步执行完成之后再执行后面的。可以理解为后面的代码都放入.then里面
2. async2-2。 执行到这里的时候就直接push到微任务队列了。然后退出了async1方法，往下执行。
3. promise3。 这是第二个push到微任务队列的。
4. async1-1。 这里是在async2-2 执行完之后，才push到微任务队列的