promise.all 和 promise.race 都是用于将多个Promise实例包装成一个新的Promise实例。
区别在于promise.all内的promise实例执行成功后返回一个集合。 promise.race则是返回promise实例中第一个执行完的函数。
promise.all :
1、只有 firstPromise secondPromise 的状态都变成fulfilled,Promise 的状态才会变成fulfilled,此时 所有promise实例 的返回值组成一个数组,传递给Promise 的回调函数。
2、只要 firstPromise secondPromise 之中有一个被rejected,Promise 的状态就变成rejected,此时 第一个被reject的实例的 返回值,会传递给Promise 的回调函数。
const firstPromise = new Promise((res, rej) => { setTimeout(res, 500, [{ a: 1 }]); }); const secondPromise = new Promise((res, rej) => { setTimeout(res, 100, [{ n: 2 }]); }); Promise.all([firstPromise, secondPromise]).then(res => { console.log(res) // [[{a:1}],[{n:2}]] });
promise.race :
只要 firstPromise secondPromise 中有一个实例率先改变状态,Promise 的状态就跟着改变。那个率先改变的 Promise 实例的返回值,就传递给Promise 的回调函数。
当promise实例超过5s未返回结果,Promise 的状态就会变为rejected
,从而触发catch
方法指定的回调函数。
const firstPromise = new Promise((res, rej) => { setTimeout(res, 500, [{ a: 1 }]); }); const secondPromise = new Promise((res, rej) => { setTimeout(res, 100, [{ n: 2 }]); }); Promise.race([firstPromise, secondPromise]).then(res => { console.log(res) // [{ n: 2 }]
});