Promise.all() 和 Promise.race()

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决定，分成两种情况。

（1）只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。

（2）只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。

例子 :

var p1 = new Promise(function(resolve, reject){
    setTimeout(()=>{
        resolve(1)
    }, 1000);
});
var p2 = new Promise(function(resolve, reject){
    setTimeout(()=>{
        resolve(2)
    }, 500);
});
let p = Promise.all([p1,p2]);
try {
    p.then(function(res){
        console.log(res);
    }).catch(function(e){
        console.log(e);
    });
} catch (error) {
    console.log(error);
}

Promise.race()

Promise.race方法同样是将多个Promise实例，包装成一个新的Promise实例。

var p = Promise.race([p1, p2, p3]);

上面代码中，只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的 Promise 实例的返回值，就传递给p的回调函数。例子 :

var p1 = new Promise(function(resolve, reject){
    setTimeout(()=>{
        resolve(1)
    }, 1000);
});
var p2 = new Promise(function(resolve, reject){
    setTimeout(()=>{
        resolve(2)
    }, 500);
});
let p = Promise.race([p1,p2]);
try {
    p.then(function(res){
        console.log(res);
    })
    p.catch(function(e){
        console.log(e);
    });
} catch (error) {
    console.log(error);
}