借一道面试题讲讲promise、async和await在事件循环中的执行顺序

题目如下所示：

async function a1 () {
    console.log('a1 start')
    await a2()
    console.log('a1 end')
}
async function a2 () {
    console.log('a2')
}
console.log('script start')
setTimeout(() => {
    console.log('setTimeout')
}, 0)
Promise.resolve().then(() => {
    console.log('promise1')
})
a1()
let promise2 = new Promise((resolve) => {
    resolve('promise2.then')
    console.log('promise2')
})
promise2.then((res) => {
    console.log(res)
    Promise.resolve().then(() => {
        console.log('promise3')
    })
})
console.log('script end')






//在浏览器中输出为：
 script start
 a1 start
 a2
 promise2
 script end
 promise1
 a1 end
 promise2.then
 promise3
 setTimeout

事件循环

          js的运行机制是同步任务都在主线程上运行，形成一个栈，而异步任务就会放在任务队列中，等主线程的任务全部执行完之后，就会去任务