• 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 }]  
           });
  • 相关阅读:
    ★★★
    ★★
    小狼程序员:工作遐想
    广联达BB了
    计算机网络简单理解
    做个合格的(优秀的)测试开发人员
    开发、测试、测试开发
    8.21
    C++ 选择题总结(回调函数 || 类方法(实例方法)|| )
    深拷贝实现笔记
  • 原文地址:https://www.cnblogs.com/987364-wu/p/14842049.html
Copyright © 2020-2023  润新知