在前端开发中，我们经常会遇到需要进行异步操作的情况，而ES6中的async/await就是解决这个问题的好方法。然而，使用async/await时如何处理错误是我们需要面对的一个常见问题。在本篇文章中，我们将介绍如何解决ES6 async/await异常处理问题。
async/await基础
async/await是ES6带来的一个非常强大而优雅的异步编程语法，它可以让我们使用类似同步的代码结构进行异步操作。通过async关键字来定义异步函数，使用await关键字来等待异步函数的结果，这样就可以避免回调地狱等异步操作的繁琐。
-- -------------------- ---- ------- ----- -------- ----------- - ----- ------ - ----- ----------------------- ------ ------------ - --------------------- -- - ------------------ -------------- -- - --------------------- ---展开代码
如上所示，async/await代码看起来跟同步代码差别不大，处理异步代码简单明了，但是对错误处理的要求也更加明显了。
理解async/await错误处理
在异步代码中，错误处理是很常见的问题。为了避免错误被忽略，我们通常需要使用try/catch来捕获和处理错误。而在async/await中也是同样的道理。
假设在fetchData()函数中，出现了异常，那么我们就需要使用try/catch来捕获异常。
-- -------------------- ---- ------- ----- -------- ----------- - --- - ----- ------ - ----- ----------------------- ------ ------------ - ----- ------- - --------------------- - - --------------------- -- - ------------------ ---展开代码
这样一来，我们就可以在fetchData()中捕获到错误并进行处理了。由于我们在catch语句中只是把错误输出到了控制台，所以还需要向fetchData()的外层调用传递这个错误。
async/await错误处理的链式传递
在async/await的错误处理中，异常的传递和Promise的传递有些相似，都是利用catch方法来传递异常。在async/await中，catch方法也可以用在调用异步函数的地方。
我们可以在外层调用fetchData()的then方法里面再次添加一个catch方法，然后这个异常就可以传递到外部了。
-- -------------------- ---- ------- ----- -------- ----------- - ----- ------ - ----- ----------------------- ------ ------------ - --------------------- -- - ------------------ -------------- -- - --------------------- ---展开代码
这样一来，我们就可以做到将异步函数的异常传递到最外层调用了。
async/await错误处理的指导意义
async/await是JavaScript中非常强大且优雅的异步编程语法，但是我们在使用async/await时要注意以下几点：
- 必须使用try/catch来捕获异常，防止错误被忽略；
- 在捕获异常时，要注意异常的传递，可以使用链式传递的方式，让异常传递到最外层的调用者；
- 要遵循统一的异常处理规则，避免出现多种不同的异常处理方案。
示例代码
下面是一个完整的示例代码，帮助大家更好的理解async/await的异常处理方式。
-- -------------------- ---- ------- ----- -------- ----------- - --- - ----- ------ - ----- ----------------------- ------ ------------ - ----- ------- - --------------------- ----- ------ - - --------------------- -- - ------------------ -------------- -- - --------------------- ---展开代码
在上面的代码中，我们在fetchData()函数内部使用了try/catch来捕获异常，并且使用throw将异常再次抛出到调用层级中。在最外层中，我们再次使用catch方法来捕获异常并进行处理。这样一来，我们就可以做到将异常抛到最外层了。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67bad82b306f20b3a69f0cf2
