ES7 async 函数是在 JavaScript 语言中的一大新特性，提供了更加方便的异步编程方式。但是在实际使用中，有时候也难免会出现异常和错误。如何有效地处理异常和错误，是使用 async 函数的重中之重。本文将重点介绍 async 函数中异常和错误的处理方式。
async 函数的异常处理
async 函数中的异常可以通过 try-catch 语句进行捕获和处理。下面是一个例子：
-- -------------------- ---- ------- ----- -------- --------- - --- - ----- ------ - ----- ------------------- ----- ---- - ----- -------------- ------ ----- - ----- ------- - --------------------- - -展开代码
在这个例子中，async 函数用于获取远程数据，并且通过 try-catch 语句捕获包括网络错误等异常。如果代码块中的任何一行发生错误，代码块中余下的语句都不会执行，并直接进入 catch 语句。
需要注意的是，如果 async 函数中抛出异常，它将作为 Promise 对象的拒绝原因进行传递。因此，在 Promise 链中使用 async 函数时，需要确保 Promise 链上的拒绝处理函数（即 catch 函数）足够强大，可以处理 async 函数中出现的任何异常。
下面是一个使用 async 函数的 Promise 链的例子：
getData() .then(data => { console.log(data); }) .catch(error => { console.error(error); })
在这个例子中，getData 函数返回一个 Promise，如果 Promise 成功，将返回从服务端获取到的数据，否则将返回一个错误对象。在 Promise 链中使用 async 函数时，需要确保在链的末尾添加 catch 函数，捕获可能发生的异常。
async 函数的错误处理
除了异常外，async 函数中还可能出现一些逻辑错误，比如获取到的数据不符合要求，或者请求返回的 HTTP 状态码错误等。这些问题需要通过代码进行处理，而不是通过异常捕获的方式。
下面是一个例子：
-- -------------------- ---- ------- ----- -------- --------- - ----- ------ - ----- ------------------- -- -------------- -- --- -- ------------- - ---- - ----- --- ------------------- - ---- -- -------------- -- ---- - ----- --- -------------------- - ----- ---- - ----- -------------- -- ------ -- --------- - ----- --- ------------------ - ------ ----- -展开代码
在这个例子中，首先判断服务器返回的 HTTP 状态码，如果状态码在 400 到 500 之间，就抛出一个错误，否则继续解析返回的数据。如果解析得到的数据格式不正确，也会抛出一个错误。如果没有问题，最后返回数据。
需要注意的是，抛出的错误也会作为 Promise 对象的拒绝原因进行传递。因此，使用 async 函数的 Promise 链在最后添加 catch 函数时，需要能够处理 async 函数中的异常和错误。
总结
ES7 的 async 函数是异步编程中的一大利器。但是，如果没有好的异常和错误处理机制，async 函数的优势将会大打折扣。本文介绍了 async 函数中异常和错误的处理方式，并通过代码演示对处理方式进行说明。希望本文可以帮助读者更好地使用 async 函数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645ddb1b968c7c53b0039dc0
