2.2 几种特殊的promise使用

1.resolve函数的参数除了正常的值以外,还可能是另一个 Promise 实例,比如像下面这样。

(1)如果p1的状态是pending,那么p2的回调函数就会等待p1的状态改变;如:
const p1 = new Promise(function (resolve, reject) {
  // ...
});

const p2 = new Promise(function (resolve, reject) {
  // ...
  resolve(p1);  //如果p1的状态是pending,那么p2的回调函数就会等待p1的状态改变;如
})
上面代码中,p1和p2都是 Promise 的实例,但是p2的resolve方法将p1作为参数,即一个异步操作的结果是返回另一个异步操作。
注意,这时p1的状态就会传递给p2,也就是说,p1的状态决定了p2的状态。如果p1的状态是pending,即p1为pending状态的promise对象。那么p2的回调函数就会等待p1的状态改变;如果p1的状态已经是resolved或者rejected,那么p2的回调函数将会立刻执行。
(2)如果promsieA执行器函数的resolve/reject中的参数是promiseB实例,那么promiseB的状态和状态值会替代promsieA的状态、状态值。(并且promsieA会在promiseB从pending状态改变以后再得到状态和状态值)
const p1 = new Promise(function (resolve, reject) {
  setTimeout(() => reject(new Error('fail')), 3000)
})

const p2 = new Promise(function (resolve, reject) {
  setTimeout(() => resolve(p1), 1000)
})

p2
  .then(result => console.log(result))
  .catch(error => console.log(error))
// Error: fail
上面代码中,p1是一个 Promise,3 秒之后变为rejected。p2的状态在 1 秒之后改变,resolve方法返回的是p1。由于p2返回的是另一个 Promise,导致p2自己的状态无效了,由p1的状态决定p2的状态。所以,后面的then语句都变成针对后者(p1)。又过了 2 秒,p1变为rejected,导致触发catch方法指定的回调函数。
posted @ 2021-02-02 14:29  17135131xjt  阅读(61)  评论(0编辑  收藏  举报