共计 1309 个字符,预计需要花费 4 分钟才能阅读完成。
题目如下
async function async1() {console.log('async1 start')
await async2()
console.log('async1 end')
}
async function async2() {console.log('async2')
}
console.log('script start')
setTimeout(function() {console.log('setTimeout')
}, 0)
async1()
new Promise(function(resolve) {console.log('promise1')
resolve()}).then(function() {console.log('promise2')
})
console.log('script end')
而 v8 和 node10 产出的结果有所不同。
v8 运行结果????
node10 运行结果????
先说下 async/await 原理????
- async 声明的函数,其返回值必定是 promise 对象,如果没有显式返回 promise 对象,也会用 Promise.resolve() 对结果进行包装,保证返回值为 promise 类型
- await 会先执行其右侧表达逻辑(从右向左执行),并让出主线程,跳出 async 函数,而去继续执行 async 函数外的同步代码
- 如果 await 右侧表达逻辑是个 promise,让出主线程,继续执行 async 函数外的同步代码,等待同步任务结束后,且该 promise 被 resolve 时,继续执行 await 后面的逻辑
- 如果 await 右侧表达逻辑不是 promise 类型,那么 async 函数之外的同步代码执行完毕之后,会回到 async 函数内部,继续执行 await 之后的逻辑
— 摘自 LucasHC
看回题目的代码,同步任务执行下来打印出
script start
async1 start
async2
promise1
script end
同步任务结束后将跑回去执行 await 出来的东西,既然所有的 async 函数返回都是一个 promise,所以 async function async2() {console.log('async2')}
应该返回的是一个 Promise.resolve()
,此时将 resolve 后的then(() => {})
扔进去微任务列表,而微任务列表中已经有一个微任务了 ???? then(function(){console.log('promise2')})
,所以先执行打印出promise2
,再执行then(() => {})
,然后 await 的代码才执行结束,进而执行下面的代码打印出async1 end
。
而以上是 node10+ 的理解,如果放在 v8,则会将 async function async2() {console.log('async2')}
理解为一个同步任务,也就是 await async2()
等同于await console.log('async2')
,所以直接走 await 之后的逻辑打印出async1 end
,再跑微任务打印出promise2
。
如果手动添加 async2
的返回结果为Promise.resolve()
,v8 则和 node 结果一致。
正文完