Promise中catch和reject的区别

最新推荐文章于 2025-04-01 10:25:42 发布

大唐荣华

最新推荐文章于 2025-04-01 10:25:42 发布

阅读量5.7k

点赞数 11

分类专栏：大前端文章标签： javascript es6

本文链接：https://blog.youkuaiyun.com/weixin_40599109/article/details/106946736

版权

大前端专栏收录该内容

157 篇文章

订阅专栏

本文详细解析了Promise的两种链式调用方式，第一种使用then和catch方法，第二种直接在then中传入失败回调。文章阐述了这两种方式在异常捕获上的区别，帮助读者理解如何在JavaScript中更有效地处理异步操作的错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上代码：

//第一种
promise.then((res) => {
    console.log('then:', res);
}).catch((err) => {
    console.log('catch:', err);
})
//第二种
promise.then((res) => {
    console.log('then:', res);
}, (err) => {
    console.log('catch:', err);
})

第一种 catch 方法可以捕获到 catch 之前整条 promise 链路上所有抛出的异常。

第二种 then 方法的第二个参数捕获的异常依赖于上一个 Promise 对象的执行结果。

promise.then(successCb, faildCd) 接收两个函数作为参数，来处理上一个promise 对象的结果。then f 方法返回的是 promise 对象。第一种链式写法，使用catch，相当于给前面一个then方法返回的promise 注册回调，可以捕获到前面then没有被处理的异常。第二种是回调函数写法，仅为为上一个promise 注册异常回调。

如果是promise内部报错 reject 抛出错误后，then 的第二个参数就能捕获得到，如果then的第二个参数不存在，则catch方法会捕获到。

如果是then的第一个参数函数 resolve 中抛出了异常，即成功回调函数出现异常后，then的第二个参数reject 捕获捕获不到，catch方法可以捕获到。