要正确地捕获并处理异步操作中的错误，核心在于必须摒弃传统同步代码中的try...catch直接包裹模式，转而采用与异步编程模型相匹配的、专门的错误处理机制。一套健壮的、现代化的异步错误处理体系，其构建必须根据技术演进，掌握并运用五大关键策略：采用“错误优先”的回调函数约定、利用“承诺”对象的.catch()方法进行链式捕获、在“异步函数”中使用try...catch代码块进行同步化处理、为多个并行异步操作设置统一的错误处理机制、以及监听全局的“未捕获”异常事件作为最后防线。
其中，在“异步函数”中使用try...catch代码块进行同步化处理，是当前业界公认的最佳实践。它通过await关键字的“语法糖”，巧妙地将一个“被拒绝的承诺”，重新“抛”为一个标准的、可被try...catch捕获的“异常”。这一革新，使得开发者，能够运用早已烂熟于心的、处理同步代码错误的、最直观的try...catch结构，来优雅地、清晰地，处理复杂的异步错误，从而极大地，降低了异步错误处理的逻辑复杂度和心智负担。
一、问题的“本质”：被“割裂”的执行上下文
在探讨“如何正确处理”之前，我们必须首先，深刻地，理解“为何传统的try...catch，无法直接捕获异步回调中的错误？” 这是所有异步错误处理问题的“第一性原理”。
1. try...catch 的“局限”
try...catch语句，是同步编程中，处理异常的“金标准”。然而，它的“管辖范围”，是**严格受限于其“代码块”的、同步的“执行上下文”**的。
代码示例：JavaScripttry { console.log("try 代码块开始执行"); setTimeout(() => { // 这里的代码，将在“未来”的某个时刻，在一个“全新”的上下文中执行 throw new Error("这是一个在异步回调中抛出的错误！"); }, 1000); console.log("try 代码块执行完毕"); } catch (error) { // 这里的catch，永远，也捕获不到上面那个错误 console.log("捕获到了一个错误:", error.message); }
执行过程分析：
程序进入try代码块。
setTimeout函数被调用。它的作用，仅仅是，向浏览器，注册了一个“请在1000毫秒后，将这个回调函数，放入宏任务队列”的“预约”。这个“预约”动作本身，是同步的，且不会抛出任何异常。
try代码块，继续向下，执行完毕。
因为，在try代码块的整个同步执行过程中，没有发生任何异常，所以，catch代码块，被完全地、正常地，跳过了。
大约1000毫秒后，那个被“预约”的回调函数，才被放入任务队列，并最终，在一个全新的、与原始try...catch块早已“天人永隔”的、独立的执行上下文中，被调用。当它，在那个“新世界”里，抛出错误时，早已没有任何catch在等待着它。
这个“执行上下文的割裂”，正是所有异步错误处理，都不能直接使用常规try...catch的根本原因。
二、传统模式：错误优先的回调
在“承诺”机制普及之前，为了解决上述问题，Node.js社区，率先推广了一种极其重要的、影响深远的编码约定——“错误优先”的回调函数风格。
核心约定：任何一个接收“回调函数”作为参数的异步函数，其“回调函数”的第一个参数，都必须被预留出来，用于传递“错误对象”。
如果，异步操作成功，那么，这个第一个参数，就传递null或undefined，而后续的参数，则用于传递成功的结果。
如果，异步操作失败，那么，第一个参数，就传递一个包含了错误信息的“错误对象”，而后续的参数，则被忽略。
代码示例：JavaScriptfunction readFileAsync(path, callback) { // 这是一个遵循“错误优先”约定的、模拟的异步函数 fs.readFile(path, (err, data) => { if (err) { // 如果发生错误，将错误对象，作为第一个参数，传递给回调 return callback(err); } // 如果成功，第一个参数传null，第二个参数传结果 callback(null, data); }); } // 如何“消费”这个函数 readFileAsync('my-file.txt', (error, data) => { // 在回调函数内部，第一件事，就是检查第一个参数 if (error) { console.error("读取文件失败:", error); return; } // 只有在error为null时，才能安全地处理data console.log("文件内容:", data); });
“错误优先”的回调，通过一种“约定”而非“语法”的方式，为异步错误，提供了一条“传递”的通道。但其弊端，也显而易见：它极易，在多层嵌套的异步操作中，演变为“回调地狱”，并且，它高度依赖于开发者，每一次，都“记得”去检查那个error参数。
三、现代方案一：“承诺”的.catch()方法
“承诺”对象的出现，为异步错误处理，带来了第一次“革命”。它将错误的传递，从一种“人为的约定”，升级为了一种“内建的、基于状态机的语言机制”。
1. “承诺”的“状态机” 一个“承诺”，在其生命周期中，必然会处于“进行中”、“已兑现”（成功）或“已拒绝”（失败）这三种状态之一。一个异步操作中抛出的任何错误，都会直接地，将其对应的“承诺”对象的状态，扭转为“已拒绝”。
2. .catch()作为“统一”的捕获器 “承诺”的then方法链，提供了一个“统一”的、极其优雅的错误捕获通道——.catch()方法。
你可以将一个.catch()方法，链接在一个.then()链条的末尾。
这个唯一的.catch()，能够捕获到，其前面，所有then链条中，任何一个环节，所产生的“拒绝”状态。
代码示例：JavaScript// 假设所有函数，都返回一个“承诺”对象 queryUser('张三') .then(user => queryOrders(user.id)) // 环节1 .then(orders => queryProductDetails(orders[0].productId)) // 环节2 .then(product => console.log(product)) // 环节3 .catch(error => { // 无论，是queryUser失败、queryOrders失败、还是queryProductDetails失败， // 其错误，最终，都会被这“一个”catch所捕获。 console.error("在处理链中，发生了错误:", error); });
这种“链式传递、末端捕获”的模式，极大地，简化了异步流程中的错误处理逻辑。关于“承诺”的更多细节，可以参考阮一峰老师的**承诺错误处理**教程。
四、现代方案二：“异步函数”的try...catch
如果说“承诺”是第一次革命，那么，“异步函数”（即async/await语法），则是第二次、让异步错误处理，回归到“人类直觉”的、终极的革命。
1. await的“异常”行为 await关键字，有一个极其精妙的设计：如果，它所“等待”的那个“承诺”对象，其最终的状态，是“已拒绝”，那么，await表达式，不会返回任何值，而是会，直接地，将那个“拒绝”的原因（即错误对象），作为一个标准的、同步的“异常”，给“抛”出来。
2. 让try...catch“重获新生” 正是因为await的这个“重新抛出”的行为，使得我们，终于可以，将那段我们最熟悉的、用于处理同步错误的“try...catch”语法，直接地，应用到异步代码的错误处理上来了！
代码示例：JavaScriptasync function showProductDetails(userName) { // 将所有可能发生异步错误的代码，都包裹在同一个try块中 try { const user = await queryUser(userName); const orders = await queryOrders(user.id); const product = await queryProductDetails(orders[0].productId); console.log(product); } catch (error) { // 任何一个await表达式，如果其承诺被拒绝， // 都会像一个同步的throw一样，被这个catch块所捕获。 console.error("在获取商品详情的过程中，发生了错误:", error); } }
async/await，通过一种“语法糖”的方式，在背后，为我们，默默地，完成了所有复杂的“承诺”状态处理，从而，让我们能够，以一种完全“同步”的、线性的、极其清晰的方式，来编写和管理“异步”的错误处理逻辑。
五、处理“并行”操作的错误
在处理多个“并行”的异步操作时，错误处理，会变得更加复杂。
Promise.all的“快速失败”Promise.all方法，接收一个“承诺”数组，并返回一个新的“承诺”。它的错误处理行为，是“一荣俱荣，一损俱损”的。
只要，输入的承诺数组中，有任何一个承诺，变为了“已拒绝”，那么，Promise.all所返回的那个“总承诺”，就会立即地，变为“已拒绝”，并携带那个第一个出错的承诺的“拒绝原因”。它不会，去等待其他的承诺，完成。
Promise.allSettled的“宽容” 在某些场景下，我们希望，即便部分操作失败，也要能，拿到所有操作的“最终结果”。此时，Promise.allSettled就派上了用场。
它总是会等待，所有输入的承诺，都“尘埃落定”（无论是“已兑现”还是“已拒绝”）。
它的返回值，是一个包含了所有结果的“状态对象”数组。我们可以，遍历这个数组，来分别处理，每一个成功的操作和每一个失败的操作。
六、最后的“防线”：全局异常捕获
无论我们的代码，写得多么健壮，也总可能会，存在一些未被预料到的、未被捕获的“漏网之鱼”。为此，我们需要，在程序的“最高层”，建立起一道“最后的防线”，来捕获所有这些“未处理的”异常，以防止整个程序的彻底崩溃。
在浏览器环境中：我们可以，通过监听window对象上的error事件和unhandledrejection事件（专门用于捕获未被处理的承诺拒绝），来实现全局的捕获。
在服务器端程序中：我们可以，通过监听process对象上的uncaughtException和unhandledRejection事件，来实现。
需要注意的是，全局异常捕获，不应被用于，处理“可预期的”业务逻辑错误。它的主要职责，是作为“最后的保险丝”，在程序即将因未知错误而崩溃时，能够：
将详细的错误信息，上报到远程的“错误监控”平台（这对于我们修复问题，至关重要）。向用户，展示一个“友好的、通用的错误页面”。在服务器端，可能会，尝试进行一次“优雅的停机”。
在实践中，这些被捕获的、未预期的线上异常，都应被自动地，或手动地，在像 研发管理工具中，创建为最高优先级的“缺陷”工作项，并立即通知相关负责人，进行紧急的排查和修复。
常见问答 (FAQ)
Q1: try...catch 到底能不能捕获到异步代码的错误？
A1: 不能，直接捕获。一个常规的try...catch，只能捕获其代码块内部，“同步”执行的代码所抛出的异常。对于异步的“回调函数”内部的异常，它是无能为力的。但是，当与async/await语法结合使用时，它，就可以，间接地，捕获到异步操作的错误。
Q2: .catch() 和 try...catch 在处理异步函数错误时，应该优先用哪个？
A2: 应优先使用，与async/await配套的try...catch结构。因为它提供的、类似于“同步”代码的线性书写方式，在“可读性”和“代码结构”的简洁性上，都远远优于.catch()的链式调用。
Q3: 什么是“未处理的承诺拒绝”？为什么它很危险？
A3: “未处理的承诺拒绝”，是指一个“承诺”对象，其状态，已经变为了“已拒绝”，但我们的代码中，却没有任何.catch()或try...catch结构，去捕获和处理这个“拒绝”。在一些早期的环境中，这种“被忽略”的错误，可能会“静默地”消失，导致程序，进入一种“状态不一致”的、难以调试的“僵尸”状态。
Q4: 我应该在每个await语句外面都包一个try...catch吗？
A4: 不需要。try...catch的魅力，就在于，它可以，将一连串的、多个await操作，都包裹在同一个try代码块中。这个代码块内的任何一个await表达式，如果，在执行中，出现了被拒绝的情况，都会被同一个catch块所捕获。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：百晓生，转转请注明出处：https://www.chuangxiangniao.com/p/638934.html
微信扫一扫 
支付宝扫一扫 
