async/await与promise及非promise值的执行顺序对比
使用async/await时，await 后面表达式类型的不同，会直接影响代码的执行顺序。
当await 后面是一个Promise对象时，await 会暂停async函数的执行，直到该Promise对象的状态变为fulfilled（已完成），并将Promise的返回值作为await表达式的结果。 这个等待过程是通过将Promise的then回调添加到事件循环的微任务队列中实现的。
然而，如果await 后面是一个非Promise值（例如，数字、字符串、布尔值等），await 会隐式地将其转换为一个resolved的Promise，并立即返回该值。 这意味着不会有等待过程，也不会将任何回调添加到微任务队列中。
示例说明：
示例一：await 后跟非Promise值
async function f1() {
console.log(1);
console.log(await 5); // 5 立即返回
console.log(6);
}
f1(); // 输出顺序：1, 5, 6由于await 5 会立即返回5，所以输出顺序是线性的。
示例二：await 后跟Promise对象
async function f2() {
console.log(1);
console.log(await Promise.resolve(5)); // 等待Promise resolve
console.log(6);
}
f2(); // 输出顺序：1, 6, 5 (顺序可能因JS引擎优化而变化，但5一定在6之后)Promise.resolve(5) 创建一个立即resolved的Promise。尽管如此，await 仍然会等待微任务队列执行，因此console.log(6) 会先执行，然后才是console.log(5)。 这体现了微任务队列的特性。 实际输出顺序可能因为JS引擎的优化而略有不同，但5 始终会在6之后输出。
总结：
await 的行为取决于其后表达式的类型：
理解这种差异对于编写正确且高效的异步JavaScript代码至关重要。
以上就是await后跟Promise和非Promise，执行顺序有何不同？的详细内容，更多请关注php中文网其它相关文章！
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
909
