在前端开发中，我们经常使用 Promise 来处理异步操作。而在 ES7 中，async/await 关键字的引入更加方便地处理异步操作。但是，在使用 async/await 时，如何优雅地处理 Promise reject 时的异常呢？本文将介绍一些优雅的处理方式，并提供示例代码。
问题描述
假设我们需要通过异步操作获取用户信息并进行以下处理：
async function getInfo(userId) {
const user = await getUser(userId); // 异步获取用户信息
return user.name;
}
getInfo(12345)
.then(name => console.log(name))
.catch(error => console.error(error));在上述代码中，当 Promise reject 时，我们使用了 catch 方法捕获异常并输出错误信息。但是，当应用规模变大后，每一个异步操作都单独处理异常是非常繁琐的。那么，有没有一种优雅的方式处理所有的异步操作异常呢？
方案一：使用 try/catch 处理异常
在使用 async/await 时，我们可以使用 try/catch 模式来捕获异常并进行处理。示例代码如下：
-- -------------------- ---- -------
----- -------- --------------- -
--- -
----- ---- - ----- ---------------- -- --------
------ ----------
- ----- ------- -
---------------------
----- --- ------------------
-
-
--------------
---------- -- ------------------
------------ -- ----------------------在上述代码中，我们使用了 try/catch 模式处理异常，并使用 throw 方法将异常向外抛出。这种方式非常优雅，可以处理所有的异步操作异常，但在应用规模较大时，这种方式还是需要每个异步函数单独处理一次异常，会增加代码的臃肿度。
方案二：使用 express-async-errors 库
express-async-errors 是一个开源的库，可以优雅地处理异常问题。在使用 express-async-errors 库后，我们只需要编写异步函数的业务代码即可，其余的异常处理工作可以交给 express-async-errors 库进行处理。示例代码如下：
-- -------------------- ---- ------- ----- ----------- - -------------------------------- ----- -------- --------------- - ----- ---- - ----- ---------------- -- -------- ------ ---------- - --------------------------- -------------- ---------- -- ------------------ ------------ -- ----------------------
在上述代码中，我们使用了 express-async-errors 库来捕获异常，将所有的异常处理工作都交给了该库进行处理。这样可以大大减轻代码的负担，提高代码的可读性和可维护性。
方案三：使用 async-wrappers 库
async-wrappers 是一个处理异步函数异常的开源库。在使用 async-wrappers 库后，只需要编写异步函数的业务代码，其余的异常处理工作可以交给 async-wrappers 库进行处理。示例代码如下：
-- -------------------- ---- ------- ----- ---- - -------------------------- ----- -------- --------------- - ----- ---- - ----- ---------------- -- -------- ------ ---------- - ----- -------------- - -------------- --------------------- ---------- -- ------------------ ------------ -- ----------------------
在上述代码中，我们使用了 async-wrappers 库对 getInfo 函数进行了包装处理，将所有的异常处理工作都交给该库进行处理。这样可以避免代码的冗余和不必要的臃肿，提高实现的效率和代码的可读性。
总结
在使用 async/await 处理异步操作时，我们可以使用 try/catch 模式、express-async-errors 库或 async-wrappers 库来处理异常。每种方式都有各自的优劣，需要根据实际情况选择合适的方式。总的来说，这些方式可以大大减轻代码的负担，提高代码的可读性、可维护性和可扩展性，是非常实用的前端开发技巧。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c9d2495ad90b6d041840a0