在前端开发中，异步操作是非常常见的。比如异步请求数据、异步加载图片、异步操作 DOM 等等。在 ES6 中，我们已经看到了 Promise 这一强大的异步编程解决方案，但是我们还可以更进一步，ES7 引入了 async 和 await，让异步函数更加智能高效。
async & await 是什么？
async 和 await 是 ES7 中的新特性，它们是用来简化 Promise 的使用和处理异步操作的语法糖。async 和 await 让我们可以像写同步代码一样写异步代码，让异步函数更加易读、易维护、易调试。
async 函数是 Promise 的一个语法糖，它能够自动将普通函数转换成 Promise，返回一个 Promise 对象。async 函数内部可以使用 await 关键字，await 可以暂停 async 函数的执行，等待 Promise 对象的解析结果，然后将解析结果返回。如果 Promise 对象被拒绝，await 会抛出一个错误，可以使用 try-catch 捕获。
async & await 的优势
使用 async & await 可以带来以下优势：
代码更加易读：使用 async & await 可以让异步操作看起来更像同步操作，代码更加易读。
错误处理更加方便：使用 async & await 可以使用 try-catch 捕获错误，而不需要使用 Promise 的 then 和 catch。
可以使用同步的方式编写异步代码：使用 async & await 可以让我们像编写同步代码一样编写异步代码，让代码更加易于维护。
async & await 的使用方法
我们来看一个简单的例子，使用 async & await 来处理异步操作：
----- -------- ------------- -
--- -
----- -------- - ----- -------------------
----- ---- - ----- ----------------
------ -----
- ----- ------- -
---------------------
-
-上面的代码中，我们定义了一个 async 函数 getUserInfo，它使用了 await 关键字来等待异步操作的完成。getUserInfo 函数会返回一个 Promise 对象，当异步操作完成后，Promise 对象会解析为用户信息对象，如果异步操作出错，Promise 对象会被拒绝，并抛出错误。
async & await 的注意事项
使用 async & await 时，需要注意以下几点：
async 函数必须返回一个 Promise 对象。
await 只能在 async 函数中使用。
如果 await 后面的 Promise 对象被拒绝，会抛出一个错误，可以使用 try-catch 捕获。
await 只能用于 Promise 对象，不能用于普通的函数或值。
总结
async & await 是 ES7 中的新特性，它们是用来简化 Promise 的使用和处理异步操作的语法糖。使用 async & await 可以让异步函数更加智能高效，让异步代码更加易读、易维护、易调试。在使用 async & await 时，需要注意一些细节，比如 async 函数必须返回一个 Promise 对象，await 只能在 async 函数中使用等等。我们可以通过使用 async & await 来让异步函数更加智能高效，提高我们的开发效率。
参考文献：
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65e15da61886fbafa4e60a6f