笔记仓库: https://gitee.com/KKYVYE/promise-learnin
1.什么是Promise?
Promise是异步调用的解决方案
2.Promise的状态
1.pending变为resolved
2.pending变为reject
说明:promise只有这两种状态,一个promise对象状态只能改变一次,无论是失败还是成功,都会有一个结果数据,成功的值一般称作value,失败的值一般称为reason。
Promise的状态
是promise实例对象中的一个属性[PromiseState]
- PromiseState: pending/resolved/rejected
- peding:未决定的
- resolved/fulfilled 成功
- rejected:失败
- promise状态只能由pending转变为resolved或者rejected,resolved与rejected之间不能相互转变。
Promise对象的值
PromiseResult是promise实例对象的一个属性,存的是异步任务【成功或失败】的结果
修改实例对象的值
- resolved
- rejected
3.Promise的流程
4.Promise的api
- promise是一个构造函数(平时是new 将其实例化),Promise(excutor){}
- excutor是一个函数,称为执行器,具体结构是(resolve,reject) => {}
- recolve函数:内部定义成功时调用,并将值传递给实例对象then方法的第一个参数value => {}
- reject函数:内部定义成功时调用,并将值传递给实例对象then方法的第二个参数reason => {}
- Promise((resolve,reject) => {}){}
- 说明:excutor会在promise内部立即调用,一般操作在执行器中执行
- let P = new Promise((resolve,reject) => {
console.log(111);
});
console.log(222);//111->222
- excutor是一个函数,称为执行器,具体结构是(resolve,reject) => {}
- Promise.prototype.then方法:(onResolved,onRejected) => {}
- onResolved函数:成功时的回调函数 let onResolved = (value) => {}
- onRejected函数:失败时的回调函数 let onRejected = (reason) => {}
说明:指定用于得到成功value的成功回调,以及,用于得到失败reason的失败回调,then方法返回一个Promise对象
- Promise.prototype.catch方法:(onRejected) => {}
- onRejected函数: 失败时的回调函数(reson) => {}
- Promise.resolve方法: (value) => {}
- value: 成功时的数据或者promise对象
- 说明:resolve方法返回一个成功或者失败的promise对象
- Promise.reject方法: (reason) => {}
- reason: 失败的原因
- 说明:reject方法返回一个失败的promise对象
- Promise.all方法: (promise) => {}
- promise参数:包含n个promise的数组
- 说明: 返回一个新的promise,只有所有的promise都成功时才成功,只要有一个失败了就直接失败
- Promise.race方法: (promise) => {}
- promise参数:包含n个promise的数组
- 说明:返回一个promise对象,第一个完成的promise的结果状态是最终的结果状态
5.Promise的几个关键问题
1.如何改变promise的状态?
(1) resolve(value): 如果当前是pending就会变为resolved
(2) reject(reason): 如果当前是pending就会变为rejected
(3) trow关键字抛出异常:如果当前是pending就会变成rejected
2.一个promise指定多个成功/失败回电函数,都会调用吗?
当promise改变为对应的状态时都会调用
3.改变promise状态和指定回调函数谁先谁后?
(改变状态先执行还是then/catch先执行)
(1) 都有可能,正常情况下是先指定回调在改变状态,但也可以先改变状态再指定回调
(2) 如何先改变状态再指定回调?
- 在执行器中直接调用resolve()/reject()
- 延迟更长的时间在调用then()
(3) 什么时候才能得到数据?
- 如果先指定回调,当状态发生改变时,回调函数就会调用,得到数据
- excutor执行器是异步的时候,就先指定回调
- 如果先改变状态,当指定回调时,回调函数就会调用,得到数据
- excutor执行器是同步时,即执行器直接调用的情况下,先改变状态,再指定回调
4.promise.then()返回新的promise的状态是由什么决定的?
(1) 简述表达: 有then()指定的回调函数执行的结果决定(执行那个回调,就返回相应的结果)
(2) 详细表达:
- 如果抛出异常,新promise状态改变为rejected,reason为抛出的异常内容
- 如果返回的是非promise的任意值,新的promise状态改变为resolved,value为返回的值
- 如果返回的是一个promise,此时promise的结果就会成为新的promise的结果
5.promise如何串联多个操作任务?
- promise的then()返回一个新的promise,可以看成then()的链式调用
- 通过then()方法链式调用串联多个同步/异步任务
6.promise异常穿透
- 当使用promise的then链式调用时,可以在最后指定失败的回调
- 前面任何操作除了一场,都会传到最后失败的回调中处理
7.中断promise链式?
- 当使用promise的then链式调用时,在中间中断,不再调用后面的回调函数
- 办法:在回调函数中返回一个pending状态的promise对象
- 说明:状态不改变后面的回调函数将不会执行
6.async-await表达式
6.1 async表达式
- 函数的返回值为promise对象
- 如果返回的不是promise对象类型,这返回的是一个状态为成功[fulfilled]的promise对象
- 如果返回的是一个promise对象,则整体返回结果由这个promise对象决定
- 如果抛出错误,则返回的是一个状态为rejected的promise对象
- promise对象的结果由saync执行的返回值决定
6.2 await表达式
- await右侧的表达式一般为promise对象,但也可以是其他的值
- 如果表达式是promise对象,await返回的是promise成功的值
- 如果表达式是其他值,直接将此值作为await的返回值
6.3 注意
- await必须写在async函数中,但async函数中可以没有await
- 如果await的promise失败了,就会抛出一错误,需要通过try...catch捕获处理