JavaScript单个try...catch不支持多catch语法，需通过instanceof或error.name在单一catch中分类型判断、条件处理并选择性重抛；可嵌套try...catch实现分层捕获与错误转换。
JavaScript 中单个 try...catch 块**不支持多个并列的 catch 子句**（像 Java 或 C# 那样），因此所谓“多个 catch 级联”并非原生语法，而是通过在单一 catch 块中**手动判断错误类型、分层处理、有选择地重新抛出**来模拟的。
用 instanceof 或 error.name 区分错误类型
这是最常用也最可靠的方式。ECMAScript 错误对象（如 TypeError、SyntaxError、CustomError）都继承自 Error，可通过构造函数判断类型：
- 对已知业务错误（如自定义
ValidationError、NetworkError）用err instanceof ValidationError - 对内置错误可结合
err.name（如"TypeError"、"ReferenceError"）或err.constructor === TypeError - 注意：
err instanceof Error在跨 iframe 或模块边界时可能失效，此时优先用err.name或typeof err === 'object' && err !== null && 'message' in err做兜底
按层级策略处理：捕获 → 过滤 → 重抛或降级
核心逻辑是在 catch 中做「条件分支」：只处理当前层级关心的错误，其余错误原样重抛，让外层 catch 继续处理：
- 用
if/else if/else显式判断错误类别，避免遗漏 - 处理完特定错误后，若需向上透传（比如记录日志但不吞掉），直接
throw err—— 这就是 rethrow - 若想转换错误（如把底层网络错误包装成业务错误），可用
throw new BusinessError('请求失败', { cause: err })（ES2022cause支持链式溯源）
嵌套 try...catch 实现真正的“级联捕获”
要达到类似多 catch 的效果，可主动嵌套 try...catch，让不同层级负责不同粒度的错误：
立即学习“Java免费学习笔记（深入）”；
- 内层 catch 处理具体操作错误（如解析 JSON 失败），修复或转为更上层语义的错误
- 外层 catch 处理通用流程错误（如超时、权限拒绝），做统一 UI 提示或重试逻辑
- 每一层只
throw它无法处理的错误，形成向上传导链
实用示例：API 调用中的分层错误处理
（假设使用 fetch，且已定义 CustomError 类）
async function fetchUserData(id) {
try {
const res = await fetch(`/api/users/${id}`);
if (!res.ok) throw new HttpError(`HTTP ${res.status}`, { status: res.status });
<pre class="brush:php;toolbar:false;">try {
const data = await res.json();
return validateUser(data); // 可能抛 ValidationError
} catch (err) {
if (err instanceof SyntaxError) {
throw new DataParseError('JSON 解析失败', { cause: err });
}
throw err; // 其他错误（如 ValidationError）继续上抛
}} catch (err) { if (err instanceof HttpError && err.status === 401) { redirectToLogin(); throw new AuthRequiredError('登录已过期', { cause: err }); } if (err instanceof DataParseError || err instanceof ValidationError) { console.warn('数据校验异常，已记录', err); throw err; // 业务层需感知，不吞掉 } // 其他未识别错误（如网络中断、TypeError）原样重抛 throw err; } }
