zoukankan      html  css  js  c++  java
  • 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 }]  
           });
  • 相关阅读:
    MS SQL Server版本的选择
    ANSI,ASCII,Unicode的区别与联系!
    解决MSSQL中插入中文数据显示乱码的问题!
    ASP.NET中website与webApplication有何区别?
    常用SQL语句总结.
    外键的具体应用和表连接!
    String和datetime在SQL中和在C#中相互转换方法总结
    外键的学习
    if(!IsPostBack)的使用?
    如何在模板的内容页中添加javascript代码?
  • 原文地址:https://www.cnblogs.com/987364-wu/p/14842049.html
Copyright © 2011-2022 走看看