在 ES8/ES2017 中使用 async/await 进行 fetch 网络请求
在前端开发中，经常需要通过网络请求获取数据。而在 ES8/ES2017 中，我们可以使用 async/await 来简化网络请求的代码。
async/await 是 ES8/ES2017 中新增的语法，它可以让我们以同步的方式编写异步代码。使用 async/await 可以让我们更加方便地处理 Promise 对象，并且可以避免回调地狱的问题。
下面是一个使用 async/await 进行 fetch 网络请求的示例代码：
----- -------- --------- -
--- -
----- -------- - ----- ------------------------------------------------------
----- ---- - ----- ----------------
------------------
- ----- ------- -
---------------------
-
-
----------在这段代码中，我们定义了一个名为 getData 的异步函数。在函数内部，我们使用 try...catch 语句来捕获可能出现的异步错误。
在 try 语句块中，我们使用 fetch 函数发送了一个 GET 请求，并且使用 await 关键字等待服务器响应。当服务器响应后，我们使用 await 关键字等待响应数据的解析，最终将解析后的数据打印到控制台中。
在 catch 语句块中，我们捕获了可能出现的异步错误，并将错误信息打印到控制台中。
使用 async/await 进行网络请求的好处是代码更加简洁易懂，并且可以避免回调地狱的问题。但是需要注意的是，在使用 async/await 时，我们需要将异步代码封装在一个异步函数中，并且需要使用 try...catch 语句块来捕获可能出现的异步错误。
总结
在 ES8/ES2017 中，我们可以使用 async/await 来更加方便地处理 Promise 对象，并且可以避免回调地狱的问题。使用 async/await 进行网络请求可以让我们的代码更加简洁易懂。但是需要注意的是，在使用 async/await 时，我们需要将异步代码封装在一个异步函数中，并且需要使用 try...catch 语句块来捕获可能出现的异步错误。
参考资料
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65630384d2f5e1655dcbb382