你不知道的async、await魔鬼细节

主要观点总结

本文介绍了关于JavaScript中的async/await使用以及事件循环机制的相关知识，包括几个具体的例子来阐述async函数返回值、await右值类型区别以及事件循环处理机制。

关键观点总结

关键观点1: async函数和await的使用可以使得JavaScript以同步的方式执行异步操作。

async函数可以返回promise实例，无论返回值本身是什么。await用于等待一个promise的完成。

关键观点2: async函数整体返回值永远都是Promise，无论值本身是什么。

非thenable值或非promise的返回值不需要等待；thenable值需要等待一个then的时间；promise值需要等待两个then的时间。

关键观点3: await右侧表达式的值决定了其行为。

如果await的是非thenable类型，会立即向微任务队列添加微任务then，不需等待；如果是thenable类型，需要等待一个then的时间；如果是promise类型且有确定的返回值，处理方式与非thenable类型相同。

关键观点4: TC 39对await后面是promise的情况进行了优化，移除了额外的两个微任务。

在早期版本中，如果await后面是promise，依然会等待两个then的时间。现在的处理方式更加高效。