在以前的 JavaScript 中，我们通常使用回调函数来处理异步代码。但是，随着代码规模的增大和复杂度的提高，回调函数嵌套的问题越来越明显，这导致了代码的可读性和可维护性的下降。ES8 中的 async/await 就是为了解决这个问题而产生的。
async/await 的基本概念
async/await 是一种基于 Promise 的异步编程方式，它可以让我们像编写同步代码一样编写异步代码。async/await 本质上就是一个语法糖，它可以让我们更加方便地处理异步代码。
async 关键字用于声明一个函数是异步函数，而 await 关键字则用于等待一个 Promise 对象的执行结果。当遇到 await 关键字时，程序会暂停执行，直到 Promise 对象返回结果。这样可以避免回调函数嵌套的问题，使代码更加清晰易懂。
下面是一个简单的示例代码：
----- -------- --------- - ----- -------- - ----- ------------------------------------------------------ ----- ---- - ----- ---------------- ------ ----- - ------------------- -- -------------------
在这个例子中，我们定义了一个异步函数 getData，它使用了 fetch 方法获取了一个 JSON 数据，并使用 await 关键字等待 Promise 对象的执行结果。最后，我们使用 then 方法获取函数返回的数据并输出到控制台上。
async/await 的优点
async/await 的最大优点就是让异步代码更加易读易懂。它可以让我们像编写同步代码一样编写异步代码，避免了回调函数嵌套的问题，使代码更加清晰易懂。
另外，async/await 的另一个优点就是可以让我们更加方便地进行错误处理。在以前的 JavaScript 中，我们通常需要使用 try/catch 语句来捕获异步代码中的错误。而在使用 async/await 时，我们可以直接在函数体内使用 try/catch 语句来捕获错误，使代码更加简洁易懂。
async/await 的注意事项
虽然 async/await 可以让我们更加方便地处理异步代码，但是我们在使用它时还是需要注意一些问题。
首先，async/await 只能在支持 Promise 的环境中使用。如果你需要在旧版本的浏览器或 Node.js 中使用 async/await，你可能需要使用一些 polyfill 或者转译工具来实现。
另外，由于 async/await 本质上是 Promise 的语法糖，所以它并不能让异步代码变得更加高效。如果你的代码中存在大量的异步操作，你可能需要使用一些工具来提高代码的性能。
总结
ES8 中的 async/await 带来了异步编程的一次革命，它让异步代码变得更加通俗易懂，避免了回调函数嵌套的问题。但是，在使用 async/await 时我们需要注意一些问题，比如它只能在支持 Promise 的环境中使用，不能让异步代码变得更加高效等。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65dbe2df1886fbafa48c21de