在现代的 Web 开发中，异步编程是非常重要的一个技能。在 JavaScript 中，异步编程通常通过回调函数或者 Promise 来实现。ES7 中引入了一种新的语法：Async & Await。它不仅使异步编程变得简单易懂，同时也提高了代码的可维护性。本文将介绍ES7中的 Async & Await，并提供相关的示例代码。
Async & Await简介
在ES7 的规范中，Async & Await 是一种异步编程解决方案。它是基于 Promise 的，但它可以让异步编程更加简单和易于理解。
使用 Async & Await 的异步编程方式和传统的同步编程方式非常相似。你可以使用 await 关键字等待一个异步操作的结果，而不必像 Promise 那样链式调用 then 。
Async & Await 示例
下面是一个示例代码，演示如何使用 Async & Await 完成异步操作，正确的获取结果：
-- -------------------- ---- ------- ----- -------- ----------- - ----- -------- - ----- --------------------------------------------- ----- ---- - ----- ---------------- ------ ----- - ----- -------- ------------- - ----- ---- - ----- ------------- ------------------ - --------------
上述代码中有两个函数：getUser 和 displayUser 。getUser 函数使用了 async 关键字，意味着它是一个异步函数。它等待从 API 中获取数据，从而返回一个 User 对象。在获取结果后，我们使用 await 关键字等待 Promise 的解决结果，然后再返回结果。
displayUser 函数同样是一个异步函数。它调用 getUser 函数，直到得到结果。一旦 getUser 函数返回 User 对象，displayUser 函数就会将其打印到控制台上。
Async & Await的优势
使用 Async & Await 进行异步编程有很多优势：
避免了回调地狱：使用 Async & Await 可以避免嵌套的回调函数，让你的代码更加清晰易懂。
独立的异常处理：你可以使用 try-catch 块来捕捉异步操作中的错误，就像同步代码一样。
更好的可读性：Async & Await 消除了 Promise 中的 then 链，使得异步调用的代码更加易于理解和阅读。
更少的代码：相比于 Promise 或者回调函数，Async & Await 让我们可以写更少的代码来表达相同的逻辑。
总结
这篇文章介绍了 ES7 规范中的 Async & Await 方法。它使得异步编程更加简单易懂，同时提高了代码的可读性和可维护性。当你需要完成异步操作时，可以考虑使用 Async & Await 来完成异步编程。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648faa3e48841e9894dd55cc