【ES6】Promise.race的用法

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

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

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

Promise.race()方法的参数与Promise.all()方法一样，如果不是 Promise 实例，就会先调用下面讲到的Promise.resolve()方法，将参数转为 Promise 实例，再进一步处理。

    let x = 10;

    let p1 = new Promise((resolve) => {
    
    
       
       setTimeout(()=>resolve("p1 hello" + x),2000);
    })
        .then((res) => {
    
    
            console.log(`p1 then 输出${
      
      res}`);
            return res;
        });

    let p2 = new Promise((resolve) => {
    
    
        setTimeout(()=> resolve("p2 hello" + x),2000);;
    })
        .then((res) => {
    
    
            console.log(`p2 then 输出${
      
      res}`);
            return res;
        });

    let p3 = new Promise((resolve) => {
    
    
        setTimeout(()=>resolve("p3 hello" + x),2000);;
    })
        .then((res) => {
    
    
            console.log(`p3 then 输出${
      
      res}`);
            return res;
        });

    let p4 = new Promise((resolve) => {
    
    
        setTimeout(()=>resolve("p4 hello" + x),2000);;
    })
        .then((res) => {
    
    
            console.log(`p4 then 输出${
      
      res}`);
            return res;
        });

    Promise.race([p1, p2, p3, p4])
        .then(result => console.log(result))
        .catch((e) => {
    
    
            console.log("f*cking man 报错了");
            console.log(e);
        });

输出结果：只输出最先改变状态的那个Promise的值