ES7 引入 async/await 允许开发人员编写看起来像同步的异步 JavaScript 代码。在当前的 JavaScript 版本中，还可以使用 Promises，这些功能都是为了简化异步流程并避免回调地狱。
回调地狱是一个术语，用于描述 JavaScript 中的以下情况：
function asyncTasks() { asyncFuncA(function (err, resultA) { if (err) return cb(err); asyncFuncB(function (err, resultB) { if (err) return cb(err); asyncFuncC(function (err, resultC) { if (err) return cb(err); // 更多... }); }); }); }
上述代码使得维护代码和管理控制流变得非常困难。只需考虑一个 if 语句，如果 callbackA 的某些结果等于 foo，则需要执行其他 async 方法。
拯救 Promises
借助 promises 和 ES6，可以将之前代码的回调噩梦简化为如下内容：
function asyncTasks(cb) { asyncFuncA .then(AsyncFuncB) .then(AsyncFuncC) .then(AsyncFuncD) .then((data) => cb(null, data)) .catch((err) => cb(err)); }
虽然从代码阅读来看好很多。但在现实世界的场景中，异步流程可能会变得稍微复杂一些，例如在服务器模型 （nodejs 编程）中，可能想要将一个实体数据保存到数据库中，然后根据保存的值查询其他一些实体，如果该值存在，执行其他一些异步任务，在所有任务完成后，可能想要用步骤 1 中创建的对象响应用户。如果在某个步骤中发生了错误，希望通知用户确切的错误。
当然，使用 promises 看起来会比使用普通回调更干净，但它仍然会变得有点混乱。
关于 Promise 需要的了解的：
- Promise.all() 原理解析及使用指南
- Promise.any() 原理解析及使用指南
- Promise.race() 原理解析及使用指南
- Promise.allSettled() 原理解析及使用指南
async/await
在 ECMAScript 2017 中添加了 async 函数和 await 关键字，并在主流脚本库和其他 JavaScript 编程中得到广泛的应用。
这就是 async/await 真正有用的地方，通过它可以编写下面的代码：
async function asyncTasks(cb) { const user = await UserModel.findById(1); if (!user) return cb("用户未找到"); const savedTask = await TaskModel({ userId: user.id, name: "DevPoint" }); if (user.notificationsEnabled) { await NotificationService.sendNotification(user.id, "任务已创建"); } if (savedTask.assignedUser.id !== user.id) { await NotificationService.sendNotification( savedTask.assignedUser.id, "任务已为您创建" ); } cb(null, savedTask); }
上面的代码看起来干净多了，但是错误处理还是存在不足。
进行异步调用时，在执行 promise 期间可能会发生某些事情（如数据库连接错误、数据库模型验证错误等）。由于 async 函数正在等待 Promise，因此当 Promise 遇到错误时，它会抛出一个异常，该异常将在 Promise 的 catch 方法中被捕获。
在 async/await 函数中，通常使用 try/catch 块来捕获此类错误。
使用 try/catch 后代码如下：
async function asyncTasks(cb) { try { const user = await UserModel.findById(1); if (!user) return cb("用户未找到"); } catch (error) { return cb("程序异常：可能是数据库问题"); } try { const savedTask = await TaskModel({ userId: user.id, name: "DevPoint", }); } catch (error) { return cb("程序异常：任务保存失败"); } if (user.notificationsEnabled) { try { await NotificationService.sendNotification(user.id, "任务已创建"); } catch (error) { return cb("程序异常：sendNotification 失败"); } } if (savedTask.assignedUser.id !== user.id) { try { await NotificationService.sendNotification( savedTask.assignedUser.id, "任务已为您创建" ); } catch (error) { return cb("程序异常：sendNotification 失败"); } } cb(null, savedTask); }
个人对
try/catch的使用不太喜欢，总觉得这种代码的使用是用于捕获无法预知的错误，比较喜欢 Go 的处理方式，当然这纯属个人观点。
优化 try/catch
在 Go 中的处理方式如下：
data, err := db.Query("SELECT ...") if err != nil { return err }
它比使用 try/catch 块更干净，并且更少地聚集代码，可读和可维护性更高。
但是 await 的问题在于，如果没有为其提供 try/catch 块，它会静默退出函数。除非提供 catch 子句，否则将无法控制它。
利用 await 是在等待 resolve 的 promise。下面可以制作小的效用函数来捕获这些错误：
function to(promise) { return promise .then((data) => { return [null, data]; }) .catch((err) => [err]); }
效用函数接收一个 promise，然后将成功响应解析为一个数组，并将返回数据作为第二项，并且从捕获中收到的错误是第一个。
function to(promise) { return promise .then((data) => { return [null, data]; }) .catch((err) => [err]); } async function asyncTask() { let err, user, savedTask; [err, user] = await to(UserModel.findById(1)); if (!user) throw new CustomerError("用户未找到"); [err, savedTask] = await to( TaskModel({ userId: user.id, name: "DevPoint" }) ); if (err) throw new CustomError("程序异常：任务保存失败"); if (user.notificationsEnabled) { const [err] = await to( NotificationService.sendNotification(user.id, "任务已创建") ); if (err) console.error("程序异常"); } }
上面的示例只是该解决方案的一个简单用例，还可以在 to 方法中增加一个拦截器，接收原始错误对象，记录它或在将它传回之前做任何需要做的事情。
总结
本文介绍了 async/await 错误处理的另一种方式，不应该将其视为标准处理方式，因为在很多情况下有一个 try/catch 块就可以了。
