讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript如何处理错误_try_catch和Promise.catch有何不同

风辰吖_8934

风辰吖_8934

发布时间:2025-12-26 15:06:09

|

284人浏览过

|

来源于php中文网

原创

try...catch捕获同步错误及Promise构造函数内立即抛出的错误,Promise.catch()专用于处理Promise链中的异步拒绝;前者作用于块级同步上下文,后者依赖Promise状态冒泡机制。

javascript如何处理错误_try_catch和promise.catch有何不同

JavaScript 中的 try...catch 和 Promise.catch() 都用于捕获错误,但作用域、触发时机和适用场景完全不同。简单说:try...catch 捕同步错误和部分可立即抛出的异步错误(如 Promise 构造函数内 throw),而 Promise.catch() 专为处理 Promise 链中的异步拒绝(reject 或抛出异常)设计。

作用范围不同:同步 vs 异步流程

try...catch 只能捕获其代码块内**同步执行时**抛出的错误,以及 Promise 构造器中**立即执行**的同步错误(比如 new Promise(() => { throw new Error() }))。它对 .then() 回调里抛出的错误、async/await 中 await 后的异步错误(除非在 try 块内 await)无能为力。

Promise.catch() 是 Promise 原型方法,只响应当前 Promise 实例的状态变为 rejected,包括:
- 显式调用 reject()
- Promise 执行器中同步抛错
- 在 .then() 回调中抛出异常或返回被拒绝的 Promise

错误传递机制不同:链式 vs 块级

Promise 错误具有“冒泡”特性:只要链中某处没写 .catch(),错误会沿链向后传递,直到遇到第一个 .catch() 或被全局未处理拒绝捕获。例如:

```js
Promise.resolve()
  .then(() => { throw 'oops' })
  .then(() => console.log('never runs'))
  .catch(err => console.error(err)); // 捕获到 'oops'
```

而 try...catch 是静态块级作用域,无法跨越异步边界捕获后续回调里的错误:

立即学习“Java免费学习笔记(深入)”;

Expanso json-flatten
Expanso json-flatten

通过 CLI 或 MCP 服务器,使用 Expanso Edge 管道扁平化嵌套 JSON 对象。

下载
```js
try {
  setTimeout(() => { throw 'lost' }, 0);
} catch (e) {
  // 不会执行
}
```

与 async/await 结合时的实际写法差异

async/await 让异步代码写起来像同步,这时 try...catch 就变得非常有用——因为它能自然捕获 await 后被拒绝的 Promise:

```js
async function fetchUser() {
  try {
    const res = await fetch('/api/user');
    if (!res.ok) throw new Error('HTTP error');
    return await res.json();
  } catch (err) {
    console.error('Failed:', err);
  }
}
```

等价于用 Promise 写:

```js
function fetchUser() {
  return fetch('/api/user')
    .then(res => {
      if (!res.ok) throw new Error('HTTP error');
      return res.json();
    })
    .catch(err => console.error('Failed:', err));
}
```

注意:单独对 fetch() 调用加 try...catch 不够,必须把整个 await 流程包进 try 块。

全局兜底:unhandledrejection 很关键

未被 .catch() 或 try...catch(配合 await)捕获的 Promise 拒绝,会触发 window.addEventListener('unhandledrejection')。这是监控线上静默失败的重要手段:

```js
window.addEventListener('unhandledrejection', event => {
  console.warn('Unhandled rejection:', event.reason);
  event.preventDefault(); // 阻止默认控制台警告(可选)
});
```

而未被捕获的同步错误会触发 error 事件,两者需分开监听。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

Loomy
Loomy Hot

一款AI工具,主要用于科大讯飞发布的桌面级 AI 助理,比 OpenClaw 更易用、更安全!,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

相关专题

更多
json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

2235

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

3582

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

1196

2023.10.13

go语言处理json数据方法
go语言处理json数据方法

本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

4119

2025.09.10

scripterror怎么解决
scripterror怎么解决

scripterror的解决办法有检查语法、文件路径、检查网络连接、浏览器兼容性、使用try-catch语句、使用开发者工具进行调试、更新浏览器和JavaScript库或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1029

2023.10.18

500error怎么解决
500error怎么解决

500error的解决办法有检查服务器日志、检查代码、检查服务器配置、更新软件版本、重新启动服务、调试代码和寻求帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3240

2023.10.25

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

2338

2023.09.20

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

896

2023.08.08

Uvicorn 报错与问题解决教程
Uvicorn 报错与问题解决教程

本专题汇总了Uvicorn服务器常见问题与报错解决的教程合集,涵盖启动失败、端口占用、模块导入错误、事件循环冲突及热重载失效等典型故障的排查思路。同时整理了多进程与Worker配置、SSL/HTTPS证书报错、跨域与代理配置等实战解决方案,助你快速定位并解决Uvicorn运行中的各类问题。

0

2026.11.02

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn