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 的行为取决于其后表达式的类型：
Promise: 暂停执行，等待Promise完成，然后继续执行。非Promise: 立即返回该值，不会产生等待。
理解这种差异对于编写正确且高效的异步JavaScript代码至关重要。
以上就是await后跟Promise和非Promise，执行顺序有何不同？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1561396.html
微信扫一扫 
支付宝扫一扫 
