Promise为什么同时触发了then和catch

最新推荐文章于 2024-01-30 09:43:02 发布
最新推荐文章于 2024-01-30 09:43:02 发布
阅读量997 收藏
点赞数 3
文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Capture_territot/article/details/129859200
版权

请求成功了，调用了then方法，按道理就不会调用catch方法，所以如果Promise同时调用了then和catch方法，那就是then方法里面出现了错误；

情景来源是，项目是二期开发，上线后把一期数据迁移到二期数据库，但是二期新增了一些字段，这时有一个方法，在请求成功后.then( (res) => {处理逻辑})，然后对请求结果中的一个字段用了js方法，二期数据时没问题的，但是一期没有这个数据，所以返回值为null，这个时候使用的js方法就会出错，Promise会内部自动捕获异常，然后抛给rejected处理，所以才调用了catch

Capture_territot
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Promise:基于ES 6+和Babel的PromiseA +工具
04-27
当Promise从一种状态变为另一种状态时，会触发相应的回调函数，即resolve和reject。Promise的构造函数接受一个执行器函数，该函数接收两个参数，即resolve和reject，它们是函数，用于改变Promise的状态。 Promise的...
js代码-promise.then相关题
07-14
以上就是关于"js代码-promise.then相关题"的知识点介绍，包括Promise的基本概念、then方法的使用、链式调用、错误处理以及Promise.all()和Promise.race()的运用。理解和熟练掌握这些内容，对于编写高质量的...
promise中then和catch同时调用
farme_guan的博客
08-04 658
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ri1DiMEX-1691116764050)(image-1.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OgMCzm8q-1691116764050)(image-2.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U8aPVd5l-1691116764048)(image.png)]MDN中也有相关的说明。这个时候因为then函数中的。
Promise同时触发了.then和.catch
ssxx_zzyy_baba的博客
01-30 406
结论：如果两个同时触发了，检查.then函数里的代码是否错误包括大小写字母，解决错误就不会同时触发了。如果.then 函数里的方法发生了错误，.catch会自动捕捉错误调用reject。Promise 成功时会调用 .then,失败时会调用.catch。
5.常见报错-promise 执行了.then 又执行了.catch但是不报错
weixin_55181759的博客
06-18 1421
Promise会自动捕获内部异常，并交给rejected响应函数处理。 问题分析：.then函数中如果有异常代码，哪怕编辑器不报错。Promise会自动捕获内部异常,就会造成不仅执行了.then函数又执行了.catch函数的现象。 解决办法：在.then中打断点一步步排查其中哪些方法出现的错误。 ...
.then .catch都执行的错误原因
xcytjdlb的博客
04-17 1991
.then()中的代码出错... 细心检查
ES6 Promise 中的then()和catch()方法
MoonNight608的博客
02-22 5104
目录介绍Promise中的then()方法Promise中的catch()方法 介绍   本文是在学习ES6时做的一些学习笔记，所有的笔记请查看：ES6 学习笔记 Promise中的then()方法   Promise 实例具有then方法，也就是说，then方法是定义在原型对象Promise.prototype上的。它的作用是为 Promise 实例添加状态改变时的回调函数。then方法的第一个...
采用Symbol和process.nextTick实现Promise
06-20
首先，我们需要定义一个数据结构来存储Promise实例及其关联的then和catch回调。这里我们可以使用链表来模拟回调队列，每个Promise节点包含resolve和reject方法，以及对下一个Promise节点的引用。当一个Promise状态...
Promise原理介绍和实现.docx
05-06
这就是为什么Promise的回调函数总是在当前同步代码执行完毕后才执行。 下面是一个简化的Promise实现： ```javascript class MyPromise { constructor(executor) { this.status = "pending"; this.resolvedValue...
Promise.rar
07-02
自定义Promise通常涉及到构造函数和原型上的then、catch等方法。通过实现这些方法，我们可以创建具有特定行为的Promise子类。例如，可能需要添加额外的中间状态，或者实现特殊的错误处理机制。 在实际开发中，我们...
vue调用后台接口，既进入.then()成功回调事件函数中，同时也进入.catch()方法中
weixin_42555053的博客
12-31 8123
vue调用后台接口，既进入.then()成功回调事件函数中，同时也进入.catch()中 造成这种结果的原因是：在.then()方法中有逻辑错误的代码存在，.catch()会将.then()方法中的这些错误捕捉到，所以就导致了即使调用后台接口成功也会执行.catch()方法的现象。 解决办法:逐一排查.then()方法中的代码，找到错误的代码，问题自然而然的就会迎刃而解。 ...
【JavaScript 基础】-- Promise中的then、catch、finally总结
热门推荐
野生松
05-21 3万+
总结： 1、Promise的状态一经改变就不能再改变。 const promise = new Promise((resolve, reject) => { resolve("success1"); reject("error"); resolve("success2"); }); promise .then(res => { console.log("then: ", res); }).catch(err => { console.log("catc
promise的三种状态及.then() .catch() .finally() .all() .race()的使用
wxiao_xiao_miao的博客
09-18 6060
Promise是ES6提出的一个新语法，用来优化异步代码的写法，是前端领域里的必会内容。 1.Promise的基本使用 1.1promise的三种状态 初始态pending：创建Promise对象时，且没有调用resolve或者是reject方法，相当于是初始状态。这个初始状态会随着你调用resolve，或者是reject函数而切换到另一种状态。 let p = new Promise((ok,err)=>{ console.info('发呆.....' )}) console.dir(p)
Vue 执行 then 方法同时执行了 catch 方法
survivorsfyh的博客
09-01 1013
Vue 执行 then 方法同时执行了 catch 方法
封装完axios,接口请求成功却走进catch方法的问题
guoyiq的博客
07-09 2815
今天封装完axios,发现接口无论成功不成功都走进catch方法，找了一大圈发现还是自己的问题，写在这里，引以为戒！！！！！！！！！！！！！！！ 问题原因：我在配置响应拦截的时候 Promise 的第一个字母P 写成小写的p了 ！！！！ ...
浅谈promise（then、catch、resolve、reject、race、all、done、finally）
momDIY的博客
09-05 2万+
Promise--抽象异步处理对象以及对其进行各种操作的组件 Constructor 构造函数 Instance Method 实例方法 Static Method 静态方法 关于then、catch、resolve、reject、race等方法、下边有代码示例...……^_^
封装的axios走了then又走了catch问题
qq_69692573的博客
02-17 1190
封装的axios走了then又走了catch问题
Promise、then()、catch()详解
qq_53848768的博客
11-14 1万+
Promise Promise是ES6新增的引用类型，通过new来实例化时需要传入执行器函数(executor)作为参数，这个执行器函数内部可以封装异步操作。 Promise类的实例对象是有**状态(state)**的，对应三个值：pending(待定)、fullfilled(成功)、rejected(失败) (实例的初始状态为pending，一旦由pending状态落定成fulfilled状态或rejected状态，就不可再次改变，该过程是不可逆的） 与之对应，Promise类实例对象有成功的结果(val
Promise—关于catch（你真的了解catch的执行顺序吗）
weixin_37744697的博客
10-20 2081
一、问题 今天突然被同事问到一个问题，以下代码怎么输出： Promise.all([ new Promise(res => res(0)), new Promise((res, rej) => rej(1)) ]).then(v => { console.log('then 1 ====== ', v) }).catch(e => { console.log('catch 1 ====== ', e) }) Prom
new Promise 直接catch
最新发布
05-17
在使用 Promise 时，通常我们会链式调用 .then() 和 .catch() 方法来处理异步操作的结果和异常。但是，如果我们直接在 new Promise() 内部使用 .catch() 方法来捕获异常，则会将捕获到的异常传递到 Promise 实例的 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值