在过去，为了实现异步编程，开发人员经常使用回调函数和 Promise。随着 ES8 的发布，Async / Await 成为了 JavaScript 异步编程的最佳实践。Async / Await 简化了异步编程的过程，同时提供了更加可读性、可维护性和可靠性的代码。
Async / Await 的基本概念
async 和 await 是 ES8 中新增的两个关键字。它们允许开发人员编写更像同步代码的异步代码。使用 async 关键字声明一个异步函数，它返回一个 Promise 对象。Promise 对象可以是 resolved 或 rejected。使用 await 关键字可以暂停异步函数的执行，等待一个 Promise 对象被成功解析或拒绝。
以下是 Async / Await 的基本语法：
async function myAsyncFunction() {
try {
const result = await myPromise();
console.log(result);
} catch (error) {
console.log(error)
}
}在上述代码中，myAsyncFunction() 是一个异步函数，它使用了 async 关键字声明，返回一个 Promise 对象。另外，使用了 try/catch 语句集中处理 myPromise() 的成功和失败情况。在 try 块中，使用 await 关键字暂停了异步函数的执行，并需要等待 myPromise() 的解析结果。
Async / Await 优劣势
优势
Async / Await 的主要优势在于代码结构的可读性和可维护性。异步回调函数可能会产生多层嵌套，使得代码变得难以理解。而使用 Async / Await，开发人员可以使用常规方法编写代码，而不用担心回调深度嵌套的问题，使得代码逻辑更加清晰、易读、易维护。
另外，Async / Await 简化了在 Promise 上进行错误处理的过程。在回调函数中处理 Promise 的错误可能会导致代码变得混乱，并产生臃肿和难以调试的代码。而使用 Async / Await，可以在 try/catch 块中易于处理 Promise 的错误。
劣势
Async / Await 的缺点在于它只能在 Promise 上工作，因此必须确保在异步代码中正确地使用 Promise 才能使用 Async / Await。异步代码可能不一定是 Promise。此外，Async / Await 要求浏览器或 Node.js 支持 ES8 语法，这可能是一个问题。
Async / Await 的示例
下面是一个使用 Async / Await 的示例，用于从服务器上读取 JSON 数据：
-- -------------------- ---- -------
----- -------- ------------ -------- -
----- -------- - ----- ---------- ---------
----- ---- - ----- ----------------
------ -----
-
----- --- - -----------------------------------------------
------ -- -- -
--- -
----- ---- - ----- -------------
------------------
- ----- ------- -
-------------------
-
-----在上述示例中，从服务器上获取 JSON 数据使用了 fetch() 函数。获取结果后，使用 await 暂停了异步函数的执行。如果出现异常，则使用 try/catch 处理异常。
结论
Async / Await 已经成为 JavaScript 异步编程的主流实践，可以显著提高代码的可读性和可维护性。值得注意的是，异步代码必须正确地使用 Promise 才能使用 Async / Await。此外，Async / Await 要求浏览器或 Node.js 支持 ES8 语法。虽然有些限制，但 Async / Await 仍然是现代 JavaScript 异步编程的最佳实践之一，值得掌握。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66eeb1fb6fbf96019727bdb5