1、什么要使用Promise?
1)指定回调函数的方式更加灵活。原来需要在启动异步任务之前就需指定回调函数;Promise启动异步任务,会返回一个promise对象,我们只需给promise对象绑定回调函数。
2)支持链式调用,可以解决回调地狱问题。回调地狱是指回调函数嵌套调用,外部回调函数异步执行的结果是嵌套回调函数执行的条件。不便于阅读和异常处理。Promise可以支持链式调用解决回调地狱问题。也可以使用async、await。
2、Promise的API使用
1)Pormise构造函数:Promise(executor){}
a. executor函数:执行器(resolve, reject)=>{}
b. resolve函数:内部定义成功时我们调用的函数value=>{}
c. reject函数:内部定义失败时我们调用的函数reason=>{}
注意:executor会在Promise内部立即同步调用,异步操作在执行器中执行。
2)Promise.prototype.then方法:(onResolved, onRejected)=>{}
a. onResolved函数:成功的回调函数(value)=>{}
b. onRejected函数:失败的回调函数(reason)=>{}
注意:无论是成功的回调还是失败的回调返回的是一个新的Promise对象。
3)Promise.prototype.catch方法:(onRejected)=>{}
onRejected函数:失败的回调函数(reason)=>{}
4)Promise.resolve方法:(value)=>{}
value是成功的数据或Promise对象。
5)Promise.reject方法:(reason)=>{}
reason是失败的原因。
6)Promise.all方法:(promises)=>{}
promises是一个包含n个promise的数组。返回的是一个新的Promise,只有所有promise都成功才成功,只要有一个失败则直接失败。
7)Promise.allSettled()方法:(promises)=>{}
接受一组 Promise 实例作为参数,包装成一个新的 Promise 实例。只有等到所有这些参数实例都返回结果,不管是fulfilled还是rejected,包装实例才会结束。
该方法返回的新的 Promise 实例,一旦结束,状态总是fulfilled,不会变成rejected。状态变成fulfilled后,Promise 的监听函数接收到的参数是一个数组,每个成员对应一个传入Promise.allSettled()的 Promise 实例。
8)Promise.race()方法:(promises)=>{}
promises是一个包含n个promise的数组。返回的是一个新的Promise,第一个完成的promise的结果状态为最终的结构状态。要么成功,要么是失败。
9)Promise.any()方法:(promises)=>{}
该方法接受一组 Promise 实例作为参数,包装成一个新的 Promise 实例返回。只要参数实例有一个变成fulfilled状态,包装实例就会变成fulfilled状态;如果所有参数实例都变成rejected状态,包装实例就会变成rejected状态。
Promise.any()跟Promise.race()方法很像,只有一点不同,就是Promise.any()不会因为某个 Promise 变成rejected状态而结束,必须等到所有参数 Promise 变成rejected状态才会结束。
3、Promise 的几个关键问题
1)Promise状态改变的方式
a. resolve(value)方法:pending状态变为resolved。
b. reject(reason)方法: pending状态变为rejected状态。
c. 抛异常:pending状态变为rejected。
2)改变 promise 状态和指定回调函数先后顺序问题
回答是都有可能, 正常情况下是先指定回调再改变状态, 但也可以先改状态再指定回调。
a. 如何先改状态再指定回调?
① 在执行器中直接调用 resolve()/reject();
② 延迟更长时间才调用 then()。
b. 什么时候才能得到数据?
① 如果先指定的回调, 那当状态发生改变时, 回调函数就会调用, 得到数据;
② 如果先改变的状态, 那当指定回调时, 回调函数就会调用, 得到数据。
3)promise 异常传透问题
a. 当使用 promise 的 then 链式调用时, 可以在最后指定失败的回调。
b. 前面任何操作出了异常, 都会传到最后失败的回调中处理。
4、使用Promise进行顺序(sequence)处理
1)使用async函数配合await或者使用generator函数配合yield。
2)使用promise.then通过for循环或者Array.prototype.reduce实现。
promise = promise.then(task).then(pushValue);的代码就是通过不断对promise进行处理,不断的覆盖promise变量的值,以达到对promise对象的累积处理效果。但是这种方法需要promise这个临时变量
for有时候我们使用Promise.all()执行很多个网络请求,可能有一个请求出错,但我们并不希望其他的网络请求也返回reject,要错都错,这样显然是不合理的。如何做才能做到promise.all中即使一个promise程序reject,promise.all依然能把其他数据正确返回呢?
网友评论