JavaScript中通过try...catch捕获异常，结合finally清理资源、throw抛出自定义错误，并利用错误类型实现精准处理，异步操作则需配合async/await或Promise.catch()，确保程序稳定运行。
JavaScript 中的错误处理是保证程序稳定运行的重要环节。当代码执行过程中出现异常，如果没有合理捕获和处理，可能导致页面崩溃或功能失效。通过 try...catch 语句可以有效捕获并处理运行时错误，提升程序的健壮性。
try...catch 基本语法与使用方式
try...catch 是 JS 中最常用的异常捕获结构。将可能出错的代码放在 try 块中，一旦发生错误，会立即跳转到 catch 块进行处理。
基本语法：try {
// 可能出错的代码
} catch (error) {
// 错误处理逻辑
}
示例：捕获变量未定义错误
try {
console.log(myVariable);
} catch (error) {
console.log("捕获到错误：", error.message);
}
上述代码会输出错误信息而不是中断执行，确保后续代码继续运行。
finally 的作用与使用场景
在 try...catch 后可选添加 finally 块，无论是否发生错误，其中的代码都会执行。常用于资源清理、关闭连接等操作。
try {
throw new Error("测试错误");
} catch (error) {
console.log("错误被捕获:", error.message);
} finally {
console.log("finally 块始终执行");
}
即使没有异常，finally 也会运行；如果 catch 中有 return，finally 会在 return 前执行。
throw 主动抛出异常
除了系统自动抛出的错误，开发者也可使用 throw 手动抛出异常，便于控制流程或验证数据。
function divide(a, b) {
if (b === 0) {
throw new Error("除数不能为零");
}
return a / b;
}
try {
divide(10, 0);
} catch (error) {
console.log("自定义错误:", error.message);
}
throw 后可跟任意类型，但推荐使用 Error 对象以便携带堆栈信息。
错误类型与精准捕获
JavaScript 提供多种内置错误类型，如 SyntaxError、TypeError、ReferenceError 等。可根据不同错误类型做差异化处理。
try {
eval("alert('Hello"); // 语法错误
} catch (error) {
if (error instanceof SyntaxError) {
console.log("语法错误，请检查代码格式");
} else if (error instanceof TypeError) {
console.log("类型错误，操作不支持");
} else {
console.log("未知错误:", error.message);
}
}
利用 instanceof 判断错误类型，有助于实现更精细的异常响应策略。
异步代码中的错误处理
在异步操作中，try...catch 无法直接捕获回调中的错误，需结合 Promise 或 async/await 使用。
使用 async/await 时，可用 try...catch 捕获异步函数内的 reject 错误：
async function fetchData() {
try {
const res = await fetch("/api/data");
if (!res.ok) throw new Error("请求失败");
const data = await res.json();
return data;
} catch (error) {
console.log("异步错误:", error.message);
}
}
对于纯 Promise 链，则应使用 .catch() 方法处理异常。
基本上就这些。掌握 try...catch 结合 throw、finally 和异步处理方式，能有效提升 JavaScript 项目的容错能力。关键是把异常控制在局部，不让其影响整体运行。
