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();

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章