理解异步函数(async/await)的执行顺序

最新推荐文章于 2023-09-28 15:55:29 发布

bling flower

最新推荐文章于 2023-09-28 15:55:29 发布

阅读量417

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/c05230/article/details/128868028

版权

文章详细阐述了JavaScript中异步函数foo的执行过程，包括console.log的顺序、awaitnull如何暂停执行并将任务放入消息队列，以及后续任务的恢复和执行顺序。此内容有助于理解JavaScript的事件循环和异步处理机制。

摘要由CSDN通过智能技术生成

async function foo() { 
 console.log(2); 
 await null; 
 console.log(4); 
} 
console.log(1); 
foo(); 
console.log(3); 
// 1 
// 2 
// 3 
// 4

控制台中输出结果的顺序很好地解释了运行时的工作过程：
(1) 打印 1；
(2) 调用异步函数 foo()；
(3)（在 foo()中）打印 2；
(4)（在 foo()中）await 关键字暂停执行，为立即可用的值 null 向消息队列中添加一个任务；
(5) foo()退出；
(6) 打印 3；
(7) 同步线程的代码执行完毕；
(8) JavaScript 运行时从消息队列中取出任务，恢复异步函数执行；
(9)（在 foo()中）恢复执行，await 取得 null 值（这里并没有使用）；
(10)（在 foo()中）打印 4；
(11) foo()返回。