admin 管理员组

文章数量: 1086019


2024年3月12日发(作者：getrealpath() 没有上传到本地项目中)

async await 的原理

async/await 是 JavaScript 中处理异步操作的一种语法糖，

它基于 Promise 对象实现了更加直观和简洁的异步编程方式。下面

我将从多个角度解释 async/await 的原理。

1. 异步函数，使用 async 关键字声明的函数被称为异步函数。

异步函数内部可以包含异步操作，通过 await 关键字可以暂停函数

的执行，等待异步操作完成后再继续执行。

2. Promise 对象，Promise 是 JavaScript 中处理异步操作的

标准方式。它表示一个异步操作的最终结果，可以是成功的值或失

败的原因。异步函数内部可以返回一个 Promise 对象，通过 await

关键字等待该 Promise 对象的状态变为 resolved（成功）或

rejected（失败）。

3. await 关键字，await 关键字只能在异步函数内部使用，它

可以暂停异步函数的执行，等待一个 Promise 对象的状态变为

resolved，并返回 Promise 对象的成功值。在等待期间，

JavaScript 引擎会继续执行其他任务，不会阻塞主线程。

4. async/await 的执行顺序，当遇到 await 关键字时，异步

函数会暂停执行，将控制权交给调用者，等待 Promise 对象的状态

变化。在等待期间，异步函数外部的代码会继续执行。一旦

Promise 对象的状态变为 resolved，await 表达式会返回 Promise

对象的成功值，并恢复异步函数的执行。如果 Promise 对象的状态

变为 rejected，await 表达式会抛出一个异常，可以使用 try-

catch 块捕获并处理。

5. 错误处理，使用 try-catch 块可以捕获异步函数中的错误。

如果在 await 表达式中出现异常，它会被包装成一个 rejected 的

Promise 对象，并被 catch 块捕获。

6. async/await 的优点，相比于传统的回调函数和 Promise

链式调用，async/await 语法更加直观和易读，可以让异步代码看

起来像同步代码，减少了回调地狱的问题。同时，它也更容易进行

错误处理和代码维护。

总结起来，async/await 是基于 Promise 的一种语法糖，通过

使用 async 关键字声明异步函数，以及使用 await 关键字等待

Promise 对象的状态变化，实现了更加直观和简洁的异步编程方式。

它的原理是利用 JavaScript 引擎的事件循环机制，在等待期间不

阻塞主线程，保证了 JavaScript 在处理异步操作时的高效性和可

读性。


本文标签： 函数 操作 等待 关键字 对象

版权声明：本文标题：async await 的原理 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1710236591a563711.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。