在 JavaScript 异步函数中，`try...catch` 对 Promise 拒绝的处理有着明确的边界——它只能捕获同步错误以及被 `await` 的 Promise 拒绝。许多开发者曾在此踩坑：明明写了 `try...catch`，却眼睁睁看着 Promise 拒绝变成未处理的 warning，或者以为 `fetch` 会自动处理 404 而没做检查。下面将逐一拆解这些关键点。

### 正确用法：await + try...catch 捕获 Promise 拒绝 当使用 `await` 等待一个 Promise 时，如果该 Promise 被拒绝，JavaScript 会将其转化为一个同步抛出的异常，从而 `try...catch` 能够稳稳接住。这里有三个要点： - 确保所有可能失败的异步操作都添加了 `await`，否则 `try...catch` 将不会生效。 - `catch` 块接收到的正是 Promise 拒绝的 `reason`，通常为 `Error` 实例，但也可能是任意值。 - 多个 `await` 可以共用一个 `try...catch`，但需注意错误定位——如果第一个 `await` 失败，后续的将不会执行。 ```javascript async function fetchData() { try { const res = await fetch('/api/data'); // 如果网络失败或返回 4xx/5xx，fetch 不会 reject，但 .json() 可能失败 if (!res.ok) throw new Error(`HTTP ${res.status}`); const data = await res.json(); // JSON 解析失败时 reject return data; } catch (err) { console.error('请求或解析失败:', err.message); throw err; // 可选择重新抛出，让调用方处理 } } ``` ### 常见错误：遗漏 await 导致 Promise 拒绝未被捕获 如果把 `fetch('/api/data')` 写成不带 `await` 的调用，该 Promise 将变成“未处理的拒绝”（unhandled rejection）。此时 `try...catch` 完全无效，控制台会报 warning，甚至触发全局 `unhandledrejection` 事件。更糟糕的是，在 `try` 内部混用 `.then()` 也容易遗漏错误分支——`.then()` 的错误需要在内部用 `.catch()` 处理，与 `try...catch` 分属两套体系。推荐统一采用 `async/await` 风格，避免嵌套回调式的错误处理。 ### 注意：fetch 默认不会 reject HTTP 错误状态 `fetch` 是一个非常“保守”的 API：它仅在网络故障或请求被阻止时 reject；对于 404、500 这类 HTTP 错误状态，它仍然会返回 resolve 的 `Response` 对象。许多新手误以为 `fetch` 会自动抛错，结果在 `catch` 里等不到预期行为。正确的做法是：手动检查 `res.ok` 或 `res.status`，并主动 `throw` 一个错误，才能进入 `catch` 统一处理。 - 不要依赖 `fetch` 自动抛错。 - 常见流程：`await fetch` → 检查 `res.ok` → `await res.json()` → `catch` 统一处理。 ### 补充技巧：并行请求中的错误隔离 当多个异步操作并行执行时（例如 `Promise.all`），只要其中一个 Promise 拒绝，整个 `Promise.all` 就会拒绝，导致其他成功的结果也被丢弃。如果希望每个请求独立处理错误，有两个常用方案： - 使用 `Promise.allSettled`：它返回每个结果的状态（`fulfilled` 或 `rejected`），不会因为某个失败而整体抛出异常。 - 或者对每个 Promise 单独包装 `try...catch`，返回一个包含结果或错误的对象。 ```javascript // 使用 Promise.allSettled const results = await Promise.allSettled([p1, p2]); results.forEach(r => console.log(r.status, r.value || r.reason)); // 或包装每个 Promise const safeFetch = async (url) => { try { const res = await fetch(url); if (!res.ok) throw new Error(`HTTP ${res.status}`); return await res.json(); } catch (e) { return { error: e }; } }; ``` 这些模式能帮助你更精细地控制异步错误，避免“一个失败，全局崩溃”的尴尬局面。