javascript错误如何捕获_try...catch语句该怎么用

JavaScript错误捕获主要用try...catch语句，将可能出错的代码放入try块，处理逻辑放入catch块；catch参数为错误对象，含message、name、stack等属性；finally块总会执行，适合清理资源；async/await中需用await才能使Promise拒绝被catch捕获。

JavaScript 中的错误捕获主要靠 try...catch 语句，它能让你在代码出错时不中断执行，而是有控制地处理异常。

try...catch 基本结构怎么写

语法很简单：把可能出错的代码放进 try 块，把出错后的处理逻辑放进 catch 块。

例如：

try {
  let result = JSON.parse('{"name": "Alice",'); // 缺少右括号，会抛出 SyntaxError
  console.log(result);
} catch (error) {
  console.error('解析失败：', error.message);
}
// 程序继续运行到这里
console.log('后续代码正常执行');

注意：catch 参数（如 error）是可选名称，代表捕获到的错误对象，它通常包含 message、name 和 stack 等属性。

什么时候该用 try...catch

不是所有地方都需要加，重点用在以下场景：

• 外部数据解析（如 JSON.parse()、XMLHttpRequest 响应处理）
• 用户输入校验或 DOM 操作（比如获取不存在的元素后调用方法）
• 调用第三方库中可能抛异常的方法（尤其文档注明“throws”的）
• 异步操作中 同步部分 的错误（注意：它不能直接捕获 Promise 异步错误）

try...catch...finally 是什么

finally 块无论是否出错都会执行，适合放清理逻辑：

let fileHandle;
try {
  fileHandle = openFile('data.txt');
  process(fileHandle);
} catch (err) {
  console.error('处理文件时出错：', err.message);
} finally {
  if (fileHandle) closeFile(fileHandle); // 保证关闭资源
}

finally 不影响返回值：如果 try 或 catch 中有 return，finally 仍会执行，但不能改写已确定的返回值（除非它自己也写 return）。

Promise 和 async/await 怎么配合 try...catch

原生 try...catch 对 Promise 的 异步拒绝（reject）无效，必须配合 await 才能捕获：

• ✅ 正确（async 函数内用 await）：

async function fetchData() {
  try {
    const res = await fetch('/api/data');
    const data = await res.json(); // 这里可能抛错
    return data;
  } catch (err) {
    console.error('请求或解析失败：', err);
  }
}

• ❌ 错误（没 await，catch 捕不到）：

fetch('/api/data')
  .then(res => res.json())
  .catch(err => console.error(err)); // 必须用 .catch，不能靠外层 try

简记：只有 await 后面的 Promise 拒绝才会被同步的 catch 捕获。