async

大家都知道 async 是异步执行得。是promise 的语法糖。

那它的执行顺序你们真的知道？

大家都知道async 在遇到 await 时候会等待 await 后面的代码返回结果再执行await 下面的代码。

async function readFile() {   
    var f1 = await new Promise((resolve,reject)=>{ setTimeout(()=>{resolve()},10000) })
    console.log(1)
}

上面的代码执行会是 在 10秒后输出 1；

这个执行的前提是 await 后面要跟的是promise 类型代码。但是如果 await 后面跟这个同步代码呢？

async function readFile() {   
    var f1 = await a()
    console.log(1)
}

readFile()

console.log(3)

function a(){
    console.log(2)
}

比如上面代码执行顺序： 输出会是 2，3，1

为什么呢？

这个就涉及到微任务，和js 事件循环。这个可以自己去看看。这边主要讲它这个执行顺序。

主要的原理是async await 遇到同步代码 会执行await 后面的同步代码

然后把 await 下面的代码放到 微任务。

然后先执行后续代码。

执行完同步的后续代码再执行我们刚刚存在微任务里面的代码。