Promise.all
Promise.all 方法用于将多个 Promise 实例包装成一个新的 Promise 实例。
var p = Promise.all([p1、p2、p3]);
//上面的代码中,Promise.all 方法接受一个数组作为参数,p1、p2、p3 都是Promise
//对象的实例;如果不是,就会想先调用下面讲到的Promise.resolve 方法,将参数转为Promise
//实例,再进一步处理(Promise.all 方法的参数不一定是数组,但是必须具有Iterator 接口,
//且返回的每个成员都是Promise 实例)。
p的状态由p1、p2、p3决定,分两种情况。
-
只有p1、p2、p3的状态变成Fulfilled,p 的状态才会变成Fulfilled,此时p1、p2、p3的返回值组成一个数组,传递给 p 的回调函数。
-
只要p1、p2、p3中有一个被rejected,p 的状态就会变成rejected,此时第一个被Rejected的实例的返回值会传递给 p 的回调函数。
下面是一个具体的例子。
//生成一个Promise 对象的数组
var promises = [2,3,5,7,11,13].map(function (id) {
return getJSON('/post/' + id + ".json");
});
Promise.all(promises).then(function (posts) {
//......
}).catch(function(reason) {
//...
})
//上面的代码中,promises 是包含6个 Promise 的实例的数组,只有这 6 个实例的状态都变成fulfilled,
//或者其中有 1 个变为rejected,才会调用Promise.all 方法后面的回调函数
下面是另一个例子。
const databasePromise = connectFatabase();
const booksPromise = databasePromise
.then(findAllBooks);
const userPromise =databasePromise
.then(getCurrentUser);
Promise.all([
booksPromise,
userPromise
])
.then(([booke, user]) => pickTopRecommentations(books, user));
//上面的代码中,booksPromise 和userPromise 是两个异步操作,只有它们的结果都返回,
//才会触发pickTopRecommentations 回调函数。
tips:如果作为参数的Promise 实例自身定义了 catch 方法, 那么它被 rejected 时并不会触发 Promise.all() 的 catch 方法。
const p1 = new Promise (( resolve, reject ) => {
reolve('hello');
})
.then(result => result)
.catch(e = > e);
const p2 = new Promist((resolve, reject) => {
throw new Reeor('报错了');
})
.then(result =>result)
.catch(e => e);
Promise.all([p1, p2])
.then(result => console.log(reuslt))
.catch(e => console.log(e));
// ["hello",Error:报错了]
//上面的代码中,p1 会resolved,p2 首先会 rejected,但是p2 会有自己的 catch 方法,
//改方法返回的是一个新的 Promise 实例,p2 实际上指向的是这个实例。该实例执行完 catch
//方法后也会变成 resolved,导致 Promise.all()方法参数里面的两个实例都会resolved,
//因此会调用then 方法指定的回调函数,而不会调用 catch 方法指定的回调函数。
如果 p2 没有自己的catch 方法,就会调用 Promise.all() 的 catch 方法。
const p1 =neW Promise ((resolve, reject) = > {
resolve('hello');
})
.then(result => result);
const p2 = new Promise((resolve, reject) => {
throw new Error('报错了');
})
.then(result = > result);
Promise.all([p1, p2])
.then(result => console.log(result))
.catch(e => console.log(e));
Promise.race()
Promise.race方法同样是将多个Promise实例包装成一个新的Promise实例。
var p = Promise.race([p1,p2,p3]);
上面的代码中,只有p1,p2,p3中有一个实例率先改变状态,p的状态就跟着改变。那个率先改变的promise实例的返回值就传递给p的回调函数。
Promise.race方法的参数与Promise.all方法一样,如果不是Promise实例,就会先调用下面讲到Promise.resolve方法,将参数转为Promise实例,再进一步处理。
下面是一个例子,如果指定时间内没有获得结果,就将Promise的状态变为Rejected,否则变为resolved。
const p = Promise.race([
fetch('/resource-that-may-take-a-while'),
new Promise(function (resolve, reject) {
setTimeout(() => reject(new Error('request timeout')),5000)
})
]);
p.then(response =>console.log(response));
p.catch