promise & rxjs如何实现多异步请求完成后处理这些异步数据(合并多异步请求为一个请求)...

一些业务需要异步请求多条数据后再基于这些数据做一些处理,简单的做法的就是多个异步请求的嵌套,如果有上那么4,5个异步请求一层套一层,开发界面就会变得惨不忍睹,更致命的是异步请求是完成一个后去请求另一个比较耗时,完全丧失了异步请求的优势,且难维护,难理解,难阅读。下面介绍下如何用ES6中promise和reactiveJs如何实现多个异步请求后并处理这些异步数据。

promise all()

const pro1 = new Promise((resolve, reject)=>{resolve(1);});
const pro2 = new Promise((resolve, reject)=>{resolve(2);});
const pro3 = new Promise((resolve, reject)=>{resolve(3);});

//三个数据请求
Promise.all(pro3 ,pro2 ,pro1 ).then(
    (data) => {  
        //把三个异步请求返回数据合成一个数组
        //返回数据的顺序和`all()`里面的异步参数顺应一致
        console.log(data);  // [3,2,1]
    },
    error(err)
).catch(e =>{})
 .finally(()=>{})

rxjs forkJoin()

let obs1 = of(1)
let obs2 = of(2)
let obs3 = of(3)
//当前语法为rxjs@^6
forkJoin(obs3,obs2,obs1).subscribe(
    data => {
        //把三个异步请求返回数据合成一个数组
        //返回数据的顺序和`forkJoin()`里面的异步参数顺应一致
        console.log(data)   // [3,2,1]
    },
    err => {},
    () => {}
)

?????如果能帮助到小伙伴的话欢迎点个赞?????
?????如果能帮助到小伙伴的话欢迎点个赞?????

  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值