promise.all和promise.race的区别

参考文档:阮一峰 - ECMAScript 6 入门

  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 }]  
       });

 

posted @ 2021-06-02 17:12  Name张三  阅读(1536)  评论(0编辑  收藏  举报