如何正确处理 async/await 中的异常
在使用 async/await 进行异步编程时，我们通常使用 try-catch 语句来捕获异常。但是在 ES9 中，出现了一个令人困扰的问题，那就是即使使用了 try-catch，脚本仍然会抛出未处理的异常。这是因为在 async 函数中使用 await 时，所有产生的异常都会被转换为 rejected promise，而未被 catch。
解决这个问题的方法是使用 try-catch 包裹每一个 await 语句，以确保能够处理每个异常。但是这样的做法会导致代码冗长和可读性差。为了解决这个问题，我们可以封装一个通用的 async 函数，用来处理所有的异常。
下面是一个示例代码，演示了如何封装一个通用的 async 函数：
-- -------------------- ---- -------
-------- -------------- -
------ ----- -------- --------- -
--- -
------ ----- -------------- -----
- ----- --- -
-------------------- -------- -------- --
-
-
-这个函数接收一个 async 函数作为参数，返回一个新的 async 函数。新的函数会使用 try-catch 包裹原始的 async 函数，并在捕获到异常时打印错误信息。
使用这个函数很简单，只需将原始的 async 函数传递给它即可：
async function fetchData() {
const response = await fetch('/api/data')
const data = await response.json()
return data
}
const safeFetchData = catchError(fetchData)这个示例代码中，我们定义了一个 fetchData 函数，它会从服务器获取数据。我们使用 catchError 函数来包裹 fetchData，以确保在 fetchData 函数中出现异常时能够被正确捕获，并打印错误信息。
在实际开发中，我们可以将 catchError 函数定义在一个通用的工具库中，方便在任何需要异步编程的地方使用。
总结
使用 async/await 进行异步编程可以极大地减少 JavaScript 中回调函数的嵌套，使代码更加简洁和易读。但是在使用这个特性时，我们需要小心处理异常，确保在出现异常时能够及时捕获和处理。封装一个通用的 catchError 函数可以帮助我们简化代码、提高代码的复用性和可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64cf64dfb5eee0b5256b74dd