处理多个异步请求时,通过统一包装接口使错误携带source和code标识,在单个try-catch内按标识分支处理,并定义错误策略映射表解耦逻辑,允许部分失败继续执行,实现精准识别、分类处理且不打断正常流程。
处理多个异步请求时,一个常见痛点在于:如何在一个 try-catch 块里精准识别每个接口的错误,分别处理,还不让其他正常流程被打断。核心判断在于「错误类型可区分」「校验逻辑可复用」「异常流不打断正常流程」三件事。

长期稳定更新的攒劲资源: >>>点此立即查看<<<
用一个 try-catch 包住多个 await 调用,本身不难;但要让不同接口的错误被精准识别、分类处理、不互相干扰,核心就在于这三点。
不要直接 await 原始的 fetch 或 axios 请求,而是封装一层:无论成功或失败,都让错误对象带上 code、source(比如 'user-api'、'order-api')和可选的 retryable 字段。这样每个错误就自带“身份证”,后续识别就可靠多了。
callApi(url, options),在 catch 中 throw new Error(`[user-api] Network failed: ${err.message}`),并附加属性:err.source = 'user-api'; err.code = 'NETWORK_ERROR';source 和 code 的 Error 实例,避免靠 message 字符串匹配——那种方式脆弱且难维护。单个 try-catch 里 await 多个接口后,catch 拿到的是第一个抛出的错误。所以重点不是“捕获哪个”,而是“怎么知道错的是谁”。推荐用 try...catch + 可控的 Promise.allSettled 或顺序 await + 错误标记:
Promise.allSettled([p1, p2, p3]),结果数组里每个 item 都有 status: 'fulfilled' | 'rejected',逐个检查即可,无需 try-catch 干预。await p1; await p2; await p3;,并在 catch 里根据 error.source 判断是哪一步挂了,再做对应降级(比如 p1 失败则跳过 p2/p3,p2 失败则仍执行 p3)。把“什么错误 → 怎么响应”抽成配置对象,避免 catch 里堆满 if-else:
const ERROR_HANDLERS = { 'user-api': { 'TOKEN_EXPIRED': handleTokenRefresh, 'NOT_FOUND': () => toast('用户不存在') } }catch 中只需:if (err.source && ERROR_HANDLERS[err.source].[err.code]) { ERROR_HANDLERS[err.source][err.code](err); }真正优雅的地方在于:不把“所有接口必须成功”当作前提。定义一个结果结构,比如:{ user: { data: null, error: null }, order: { data: null, error: null } }。每个 await 都包在独立 try-catch 里,失败时填 error,成功时填 data——最终汇总判断哪些可用、哪些要兜底。
const result = {};
try { result.user = await callApi('/user'); } catch (e) { result.user = { error: e }; }
try { result.order = await callApi('/order'); } catch (e) { result.order = { error: e }; }
// 后续逻辑基于 result.user.data || result.user.error 来分支try-catch 结构简洁,又实现“尽力而为”,比全链路中断更符合真实业务场景。不复杂但容易忽略的一点:错误的可识别性,比错误的捕获时机更重要。先让每个错误自带身份证,再用结构化方式读它,比层层嵌套 try-catch 更轻、更稳、更易测。
侠游戏发布此文仅为了传递信息,不代表侠游戏网站认同其观点或证实其描述