JavaScript错误处理需区分同步与异步：同步错误用try-catch捕获，异步Promise错误用.catch()或await+try-catch；两者不可互换，全局兜底用window.onerror和unhandledrejection。
JavaScript 错误处理主要靠 try-catch 处理同步错误，用 .catch() 处理 Promise 异步错误；两者不能互相替代，得按执行时机选对方式。
同步错误：用 try-catch 捕获
try-catch 只能捕获运行时同步抛出的错误（比如 throw new Error()、引用未定义变量、JSON.parse 失败等），无法捕获异步代码里的错误（如 setTimeout 里的 throw）。
基本写法：
try {
const data = JSON.parse('{ "name": "Alice"'); // 缺少 }
console.log(data);
} catch (err) {
console.error('解析失败：', err.message); // SyntaxError: Unexpected end of JSON input
}
- 推荐始终在
catch中检查err instanceof Error，避免非 Error 对象导致意外行为 - 可以加
finally块做清理工作（无论成功失败都执行） - 不要空 catch（即
catch {}），至少记录日志或重新抛出
异步错误（Promise）：用 .catch() 或 await + try-catch
Promise 链中的错误不会冒泡到外层 try-catch，必须显式用 .catch() 或配合 await 使用 try-catch。
立即学习“Java免费学习笔记（深入）”；
写法一（链式调用）：
fetch('/api/user')
.then(res => res.json())
.then(data => console.log(data))
.catch(err => console.error('请求或解析失败：', err));
写法二（async/await 更直观）：
async function getUser() {
try {
const res = await fetch('/api/user');
const data = await res.json();
console.log(data);
} catch (err) {
console.error('哪里出错了：', err);
}
}
- 多个 await 可共用一个 try-catch，逻辑更集中
-
.catch()必须放在 Promise 链末尾，否则中间错误会丢失 - 如果 Promise 被 reject 但没接
.catch()，控制台会报 “Uncaught (in promise)” 警告
全局兜底：window.onerror 和 unhandledrejection
用于捕获漏掉的错误，适合监控和上报，不适合业务逻辑恢复。
-
window.onerror：捕获同步脚本错误、资源加载失败（如 JS 文件 404） -
window.addEventListener('unhandledrejection')：捕获未被.catch()或try-catch拦截的 Promise reject
示例：
window.addEventListener('unhandledrejection', event => {
console.warn('未处理的 Promise 错误：', event.reason);
// 可上报到 Sentry 或其他监控平台
});
常见误区提醒
-
try-catch包不住setTimeout(() => { throw new Error(); })—— 这是异步错误，要用unhandledrejection或包装成 Promise -
Promise.reject()不等于抛错，它只是创建一个已拒绝的 Promise，需用.catch()接住 - 不要在
catch里吞掉错误又不处理也不上报，这会让问题难以排查 - Node.js 环境下还有
process.on('uncaughtException')和process.on('unhandledRejection')，原理类似但监听对象不同
