在 JavaScript 编程中，异步操作一直是一个很常见的问题。原本必须使用回调函数来处理异步操作的代码，降低了可读性和可维护性。现在，ES9 引入了 async 和 await 来优化异步操作，改善了 JavaScript 对于异步操作的处理方式。
async 和 await 是什么？
async 和 await 是一种用于 JavaScript 中处理异步操作的新方法。当我们使用 async 关键字来声明一个函数时，这个函数就成为了一个异步函数。一个异步函数不会像普通的函数一样直接返回值，而是返回一个 Promise 对象。在函数内部使用 await 关键字可以暂停异步函数的执行，等待一个异步操作的结果，而不必等待这个异步操作完成。
async 和 await 的优势
更加简洁的代码
使用 async 和 await 可以使代码更加简洁明了。比如在异步请求数据时，我们可以这样写代码：
----- -------- ----------- - ----- ---- - ----- ---------------------------------- ------ ----- ------------ -
而不是这样：
-------- ------------------- -
----------------------------------------------------- -
--------------------------------- -
-----------------
---
---
-更容易处理异常
使用 async 和 await 可以轻松地处理异步操作时发生的异常，而不必一层层地嵌套回调函数。
----- -------- ----------- -
--- -
----- ---- - ----- ----------------------------------
------ ----- ------------
- ----- ----- -
-------------------
-
-更好的可读性
使用 async 和 await 后，代码的阅读体验更好了，这样代码能更容易地阅读和维护。
async 和 await 的使用
async 和 await 可以让我们在 JavaScript 中编写更简洁、更可读的异步代码。
定义一个异步函数
使用 async 关键字定义一个异步函数：
----- -------- ------------ - ------ ------ -------- -
暂停异步函数的执行
使用 await 关键字可以暂停异步函数的执行，并等待一个异步操作的结果：
----- -------- ------------ - ----- ------ - ----- --------------------- -------------------- -
使用 Promise.all 执行多个异步操作
在使用多个异步操作时，可以使用 Promise.all 方法来等待它们全部完成：
----- -------- ------------ -
----- --------- -------- -------- - ----- -------------
----------------------
----------------------
---------------------
---
-------------------- -------- ---------
-异步函数的错误处理
使用 try-catch 可以处理异步函数抛出的错误：
----- -------- ------------ -
--- -
----- ------ - ----- ---------------------
--------------------
- ----- ----- -
-------------------
-
-总结
async 和 await 因其简洁的语法、更好的可读性和更容易的异常处理而成为 JavaScript 编程中处理异步操作的首选方式。他们简化了异步操作的请求和数据处理，让代码更具可读性和可维护性。学习 async 和 await 可以提高你的 JavaScript 编程技能，让你更加熟练地使用 JavaScript 处理异步操作。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/664b0b05d3423812e49f8074