js 模拟所有请求返回数据后执行操作

场景:请求两个没有请求依赖关系的数据源,当两个数据源都成功返回数据后,进行数据重组

方案:Promise.all()

			function mockTimer(type) {
				// 这里用定时器模拟,可以换为ajax请求
				let result = [1, 2, 3];
				let timeout = 1000;
				if (type == 2) {
					result = [4, 5, 6];
					timeout = 2000;
				} else if (type == 3) {
					result = [7, 8, 9];
					timeout = 3000;
				}
				return new Promise(resolve => {
					setTimeout(() => {
						console.log(result, 000)
						resolve(result);
					}, timeout);
				})
			}

			async function allGet() {
				let p1 = mockTimer(1);
				let p2 = mockTimer(2);
				let p3 = mockTimer(3);
				const datas = await Promise.all([p1, p2, p3]);
				console.log(datas, 5555);// 3s出结果
			}
            allGet();

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值