引言
随着前端技术的不断发展，越来越多的异步编程方法得到实现，其中 async/await 是 ECMAScript 2017 (ES8) 引入的一个强大的异步编程解决方案。它使得处理异步任务不再需要回调嵌套或使用 Promise，使得代码清晰可读、易于维护。本文将详细介绍 async/await 的使用方法及其注意事项，希望能够帮助读者更好地了解它的用法。
async/await 基本语法
async 函数是异步函数的声明，它让 JavaScript 中异步编程变得更加方便。而 async 函数内部的异步操作则使用 await 关键字来处理，它会将异步操作转换为同步操作，并等待异步操作的结果返回。
async 用于声明异步操作的函数，它的声明方式为：
async function functionName() {
// 异步操作
}async 标记的函数总是返回一个 Promise 对象，该 Promise 对象返回的值是 async 函数执行的结果。
await 用于等待一个 Promise 对象被处理完成（resolve），并且在响应处理的结果前会阻塞代码执行。await 操作会以同步的方式执行后续代码，直到 Promise 对象返回一个结果或者抛出一个异常。
-- -------------------- ---- -------
----- -------- -------------- -
----- ------ - ----- --- ----------------- ------- -- -
------------- -- -
-------------- --------- -- ------- ---------
-- ------
---
-------------------- -- ----- ------
-
--------------- -- ------需要注意的是，await 只能放在 async 函数内部使用，如果在普通函数中使用将会导致语法错误。
async/await 的优点
代码可读性更高。使用 async/await 可以将回调嵌套降低到更易于理解的程度，使得代码的可读性更高。
异常捕获更加方便。通过 try...catch 捕获异常更加方便，而且可以禁止程序继续在异常的情况下运行，从而增加程序的安全性。
编写方式更加“平滑”。async/await 可以让程序实现逻辑更加自然，通过在代码中添加 try-catch 来实现 Promise 的 catch 变得更加平滑自然。
async/await 的注意事项
async/await 只是基于 Promise 对象的。在使用 async/await 时，仍需创建 Promise 对象，而且 avoid 内仍然使用 Promise 的 then() 方法。
await 关键字只能在 async 函数中使用，如果在其他函数中使用则会导致语法错误。
在写 async/await 代码时，需要考虑到错误处理，尤其是当同一 async 函数内部存在多个 await 语句的情况下。
async/await 的示例代码
-- -------------------- ---- -------
----- -------- -------------- -
--- -
----- --------- - ----- ----------------------------------------------------
----- ----- - ----- -----------------
------------------ ---- ---- -------
----- --------- - ----- ----------------------------------------------------
----- ----- - ----- -----------------
------------------ ---- ---- -------
- ----- ------- -
---------------------
-
-
---------------在上述示例代码中，我们创建了一个异步函数 getAsyncData()，该函数内部有两个异步调用。fetch() 方法使用了 await 关键字进行等待，因此请求的结果将会等待发出并返回后再执行后续代码。在使用时，通过 try...catch 块来处理异常情况，确保代码的健壮性。
结论
使用 async/await 是一种可以简化异步编程的技术，并且代码更加简洁、易于理解。在使用 async/await 操作时，我们需要注意的是其只能在 async 函数内部进行使用，同时要注意捕获异常和处理错误。当我们在实际的项目中使用时，会发现它的确是一个十分优秀、高效的异步编程方案。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f38575e1e8e99bfaf7e7ee