Promise状态变化

原创 已于 2024-03-06 20:53:28 修改 · 554 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #promise #javascript

于 2024-03-06 20:52:50 首次发布
博客介绍了JavaScript中Promise的相关知识。Promise有pending、resolved、rejected三种状态，状态变化有两种且不受外界影响、结果不可逆转。resolved触发then回调，rejected触发catch回调，then和catch正常执行返回resolved，报错则返回rejected。

promise共有三种状态：pending（待定中）| resolved（已完成）| rejected（已拒绝）。

其状态变化过程有两种：pending >>> resolved 或 pending >>> rejected.

状态变化过程不受外界影响，结果不可逆转。

状态与触发then和catch回调的关系：

  • resolved状态会触发后续then的回调。
  • rejected状态会触发后续catch的回调。
  • 当去触发then的回调时，会一直向下寻找最近的then回调，这个过程中遇到的所有catch的回调都会被略过不再执行。触发catch的回调时同理。
  • then的回调正常执行返回resolved状态，报错则返回rejected状态。
  • catch的回调正常执行返回resolved状态，报错则返回rejected状态。
zhiyual
关注
深度理解Promise状态变化_配合小Demo
见贤思齐焉，见不贤内自省
04-19 627
三种状态 pending rejected resolved 只能 pending 到 resolved 或者 pending 到 rejected 在new Promise的时候可以传入一个函数，第一个参数代表 resolve，第二个参数代表 reject，当然两个参数名可以自己定义。 看下面这个例子 //首先定义了一个 数组 let subscribers = [] //给数组添加元素的方法 function addSubscriber(callbac
13 # promise 的状态更改问题
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
05-17 333
另外一个就是如果同时调用了 resolvePromise 和 rejectPromise，或者对同一参数进行了多次调用，则第一次调用优先，任何进一步的调用都将被忽略。下面需要实现两个功能，一个是下面这种 resolve 了一个 promise，还能等待这个 promise 的状态去返回。
promise---几个关键问题
weixin_43390711的博客
03-01 810
一、如何改变promise的状态 1、调用resolve，状态变为resolved 2、调用reject，状态变为rejected 3、throw，状态变为rejected 二、promise指定多个成功/失败的回调函数，是否都会调用 promise在实现上，会把多个回调函数都保存起来，也就是都会调用 //同一个promise p，当其状态变为resolved后，1和2都会打印 p.then( value=> { console.log(1) },
Promise--promise 的状态改变 & promise 的基本流程
天行健 君子以自强不息，地势坤 君子以厚德载物。
07-21 1269
1. promise 的状态改变 pending 变为 resolved: 未决定的 => 成功 pending 变为 rejected: 未决定的 => 失败 说明: 只有这 2 种, 且一个 promise 对象只能改变一次 无论变为成功还是失败, 都会有一个结果数据 成功的结果数据一般称为 value, 失败的结果数据一般称为 reason 1.1 Promise 的状态 实例对象中的一个属性 『PromiseState』 pending 未决定的 resolved /
promise 改变状态的方法和promise 的then方法
weixin_45764245的博客
09-26 896
promise 改变状态的方法 <script> /* promise 改变状态的方法 1.resolve() | pending==>fulfilled 2.reject()返回失败 | pending==>rejected 3.throw抛出错误 | pending==>rejected */ var p =new Promise((
redux-track-promise: 实现Promise状态与Redux同步的库
它简化了跟踪Promise状态变化的过程，并将这些状态变化映射到Redux的reducer中。这样一来，开发者可以避免编写重复的逻辑来处理异步操作的状态同步，从而专注于业务逻辑的实现。 该库提供的主要功能包含： 1. **...
js代码-状态模式 手写promise
07-15
Promise构造函数接收一个执行器函数，该函数接收两个参数——resolve和reject，它们是用于改变Promise状态的函数。当异步操作成功时，调用resolve传递结果；当失败时，调用reject传递错误。 2. 状态转换： - ...
ES6--Promise详述（包含方法及状态改变）
weixin_45406850的博客
12-20 4427
本文目录什么是Promise1.Promise结构2.Promise的三种状态以及状态之间的改变3.promise对象的属性4.promise优缺点为什么使用promise1.指定回调函数的方式更加灵活2.支持链式调用，可以解决回调地狱问题3.解决异步怎么使用promise1.Promise构造函数：Promise(executor){}2.Promise.prototype.then方法用来指定回调函数：(onResolved,onRejected)=>{}3.Promise.prototype.c
Promise状态改变与触发调用的记录
weixin_30426879的博客
09-02 242
1 <html> 2 3 <head> 4 <title>Parcel Sandbox</title> 5 <meta charset="UTF-8" /> 6 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jqu...
promise--改变状态与指定回调的顺序问题
zhou
12-07 781
（补充）常见的几种异步程序： fs文件操作 数据库操作 ajax 定时器（setInterval()、setTimeout() ）   改变 promise 状态和指定回调函数谁先谁后? (1) 都有可能, 正常情况下是先指定回调再改变状态, 但也可以先改状态再指定回调 (2) 如何先改状态再指定回调?   1 在执行器中直接调用 resolve()/reject();此时为同步执行。 //先改状态, 后指定回调函数 new Promise((resolve, reject) => { res
promise(3)如何修改promise的状态
qq_43952245的博客
12-01 3744
文章目录如何修改promise的状态一个promise指定多个成功/失败的回调函数，都会调用吗？ 如何修改promise的状态 /** * 1.修改promise状态的几种方式？？ * （1）： resolve(value) : 如果当前状态是pending就会变为resolved * （2）： reject(reason) : 如果当前状态是pending就会变为rejected * （...
promise
zheshihuahua的博客
05-30 1845
3.在这个函数的原型上用 prototype . then ，上面挂一个函数，指定 promise 成功 / 失败的回调函数，函数的返回值是一个新的 promise 对象。1. then 方法本身会返回一个新的 promise 对象，返回一个新的 promise 以后他就有自己的 then 方法，这样就能实现无限的链式。4.如果返回的是另一个新的 promise ,此 promise 的结果就会成为新 promise 的结果。
Promise学习之路（三）：Promise实例对象的状态属性与结果属性
孙悟空
02-20 3142
本文主要讲述了Promise的状态属性（三种状态、状态变化路径、settled状态等）及其结果值，最后给出代码示例。
Promise对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成 ，又称Fulfilled）和 Rejected（已失败）。
飙歌的博客
01-29 2096
在执行resolve函数时，当前的Promise对象的状态就会被修改为“已完成”（Fulfilled），同时该Promise对象的then方法中传入的回调函数将会被调用。当执行到 reject() 这个方法的时候，就改变 promise的状态为 reject，当promise为reject就可以.catch()这个promise了。执行到 resolve()这个方法的时候，就改变promise的状态为resolved，当状态为 resolved的时候就可以执行.then()resolve("修改状态");
Promise学习（三）Promise的几个关键性问题 -- 状态改变、执行顺序与机制、多任务串联、异常穿透、中断promise链
min的博客
07-26 971
如何改变 promise 的状态，一个 promise 指定多个成功/失败回调函数, 都会调用吗，改变 promise 状态和指定回调函数谁先谁后，promise.then()返回的新 promise 的结果状态由什么决定，promise 如何串连多个操作任务，promise 异常穿透，中断 promise 链.........
修改Promise对象的状态的方式
yrfjygb的博客
02-20 991
1.resolve() 使pending状态变成resolved状态 代码： let p = new Promise((resolve,reject) => { resolve('ok') }) console.log(p); 效果: 2.reject() 使pending状态变成rejected状态 代码： let p = new Promise((resolve,reject) => { reject('erro
ES6 Promise
GoldenPigGirl的博客
10-26 226
Promise promise是什么？ promise在ES6中是一种用于异步的请求的时简单易懂的写法。 应用场景 可以理解为对我们异步编程的一种反馈一个承诺，promise通常用于调用API，JSON,AJAX当中。 promise库通常用于axios官方也推荐用axios。 作用： pronise可以说的当需要执行某些操作，并且只是想知道返回来的结果，可以在执行其他操作，不用等它返回来的结果的...
Promise对象，Promise的三种状态，Promise类对象方法，本地存储 Storage，localStorage对象，axios库，Cookie及封装，关键字async/await
qq_63322025的博客
09-23 699
Promise对象，Promise的三种状态，Promise类对象方法，本地存储 Storage，localStorage对象，axios库，Cookie及封装，关键字async/await
Promise 外部改变proMise状态
最新发布
02-09
### 如何在 JavaScript 中从外部改变 Promise 的状态 在 JavaScript 中，`Promise` 构造函数接收一个执行器函数 `exector` 作为参数。此执行器函数会在创建 `Promise` 实例时立即被调用，并传入两个参数：`resolve` 和 `reject` 函数[^2]。 通过调用这两个函数中的任意一个可以从外部改变 `Promise` 的状态： - 调用 `resolve(value)` 将使 `Promise` 进入 **fulfilled** (已解决) 状态。 - 调用 `reject(reason)` 则会使 `Promise` 进入 **rejected** (已拒绝) 状态。 一旦 `Promise` 的状态发生变更，则无法再更改该状态。下面给出一段具体的代码示例来展示这一过程: ```javascript // 创建一个新的 Promise 对象 const myPromise = new Promise((resolve, reject) => { let condition = true; // 假设这是某些条件判断 if(condition){ resolve('Success!'); // 改变为 fulfilled 状态 }else{ reject('Error occurred.'); // 改变为 rejected 状态 } }); myPromise.then( message => console.log(message), // 处理成功的回调 error => console.error(error) // 处理失败的回调 ); ``` 当上述代码片段中的 `condition` 变量为真(`true`)时，将会触发 `resolve()` 并打印 `'Success!'`; 如果它为假 (`false`), 那么就会触发 `reject()`, 打印错误信息 `'Error occurred.'`. 值得注意的是，在实际应用中，通常不会直接暴露 `resolve` 或者 `reject` 给全局作用域去手动控制 `Promise` 的状态变化；而是应该把它们放在合适的上下文中以便安全地处理异步逻辑.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值