javascript错误如何捕获_try...catch语句该怎么用-js教程-PHP中文网

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

狼影

发布： 2025-12-20 19:50:02

原创

488人浏览过

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

javascript错误如何捕获_try...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 等属性。

立即学习“Java免费学习笔记（深入）”；

什么时候该用 try...catch

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

Spirit Me

SpiritMe允许用户使用数字化身制作视频，这些化身可以模拟用户的声音和情感

178

查看详情

外部数据解析（如 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 捕获。

以上就是javascript错误如何捕获_try...catch语句该怎么用的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

javascript怎样进行字符串模板解析？_javascript的模板引擎是什么原理？ javascript的框架是什么_为什么需要React或Vue？ javascript事件循环如何工作_异步编程有哪些常见误区如何实现分页功能_javascript中数据分页如何操作？ javascript如何实现下载_怎样通过Blob对象生成并保存文件？