JavaScript 中 await 处理异步结果的健壮性设计探讨-js教程-PHP中文网

await需用try/catch捕获错误，区分处理网络超时、4xx/5xx等异常；用abortcontroller设置超时防ui冻结；并发请求用promise.all而非串行await。

javascript 中 await 处理异步结果的健壮性设计探讨

await 本身不处理错误，健壮性取决于你如何包裹它。

用 try/catch 捕获 Promise 拒绝

await 只是语法糖，背后仍是 Promise。如果 await 的 Promise 被 reject，不捕获就会抛出未处理异常，导致程序中断或静默失败。

必须显式用 try/catch 包裹 await 表达式，否则错误会向上冒泡
不要写成 const data = await apiCall(); 这种裸调用
推荐结构：try { const res = await fetch('/api'); } catch (err) { /* 处理网络错误、4xx/5xx */ }

区分不同错误类型做针对性处理

不是所有错误都该重试或展示相同提示。网络超时、服务端业务错误（如 401）、数据校验失败，应对策略不同。

Java Development Manual

Java开发手册规约集合，基于阿里巴巴Java开发手册（嵩山版）。涵盖7大维度：编程规约、异常日志、单元测试、安全规约、MySQL数据库、工程结构、设计规约。当用户需要：(1) 编写或审查Java代码 (2) 检查命名/代码规范 (3) 处理异常和日志 (4) 编写单元测试 (5) 安全编码 (6) 数据库设...

下载

检查 err.name（如 'AbortError'）、err.status（HTTP 状态码）、err.message 模式匹配
对 401/403 做登录态刷新；对网络错误可加退避重试；对 422 返回的字段错误，提取 message 显示表单提示
避免统一弹“请求失败”，用户无法判断是操作问题还是系统问题

设置超时防止 await 无限挂起

fetch 等 API 默认无超时，后端卡死或网络假连会导致 await 永远不结束，UI 冻结。

用 AbortController 控制 fetch 超时：const controller = new AbortController(); setTimeout(() => controller.abort(), 8000); await fetch(url, { signal: controller.signal })
封装通用超时函数：async function timeout(promise, ms) { const controller = new AbortController(); setTimeout(() => controller.abort(), ms); return promise.then(res => { controller.abort(); return res; }); }
超时阈值需结合接口 SLA 设定，一般 5–10 秒较合理