promiserxjs如何实现多异步请求完成后处理这些异步数据(合
并多异步请求为⼀个请求)...
⼀些业务需要异步请求多条数据后再基于这些数据做⼀些处理,简单的做法的就是多个异步请求的嵌套,如果有上那么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 => {},
() => {}
js合并两个数组
)
如果能帮助到⼩伙伴的话欢迎点个赞
如果能帮助到⼩伙伴的话欢迎点个赞

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。