在前端开发中，异步编程是非常重要的一部分。在 JavaScript 中，异步编程通常使用回调函数或者 Promise 来处理。而 ES8 中新增的 async/await 则提供了一种更加简洁、易读的方式来处理异步操作。
async/await 是什么？
async/await 是 ES8 中新增的一种异步编程语法糖。它基于 Promise，使得异步代码看起来像同步代码一样。async 函数返回一个 Promise 对象，可以使用 await 关键字来等待 Promise 对象的解决（resolve）或拒绝（reject）。
async/await 的优点
相比于回调函数和 Promise，async/await 有以下优点：
- 代码更加简洁易读
- 错误处理更加方便
- 可以使用 try/catch 来处理异常
- 可以使用同步的方式编写异步代码
async/await 的使用
async/await 的使用非常简单。我们只需要在一个函数前面加上 async 关键字，然后在异步操作前面加上 await 关键字即可。
以下是一个使用 async/await 的示例代码：
-- -------------------- ---- -------
----- -------- ----------- -
--- -
----- -------- - ----- --------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-在上面的代码中，我们使用了 async 关键字来声明一个异步函数 fetchData。在 fetchData 函数中，我们使用了 await 关键字来等待 fetch 方法返回的 Promise 对象和 response.json 方法返回的 Promise 对象。如果 Promise 对象被解决，await 将返回 Promise 对象的解决结果；如果 Promise 对象被拒绝，await 将抛出一个异常。我们可以使用 try/catch 来处理这个异常。
async/await 的注意事项
使用 async/await 时需要注意以下几点：
- async 函数返回一个 Promise 对象
- await 只能在 async 函数中使用
- await 只能用于返回 Promise 对象的函数或方法
- await 会阻塞后面的代码，直到 Promise 对象被解决或拒绝
- async/await 不是异步代码的替代品，它只是一种更加简洁易读的方式来处理异步操作
结论
async/await 是一种更加简洁易读、错误处理更加方便的异步编程方式。它基于 Promise，使得异步代码看起来像同步代码一样。在实际开发中，我们可以使用 async/await 来编写更加优雅的异步代码。
参考链接
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67453301c1a23897ea8c4fd3