记录Promise.all用法
发表于:2022-05-07 | 分类: 前端
字数统计: 196 | 阅读时长: 1分钟 | 阅读量:
场景:页面中多个耗时请求返回的数据的集合需要作为另一个业务的前置数据
使用方法示例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var newNum = 0

// 第一个耗时请求 返回第一个数据
var firstSlow = new Promise(resolve => {
// 模拟一个耗时请求
this.axios.get('/xxx').then(res => {
resolve(2)
})
})
// 第二个耗时请求 返回第二个数据
var secondSlow = new Promise(resolve => {
// 模拟一个耗时请求
this.axios.get('/yyy').then(res => {
resolve(3)
})
})
// 使用promise.all()等待以上两个请求返回数据后执行某些操作
Promise.all([firstSlow,secondSlow]).then(function(res){ // 此处的 res 值应为 [2, 3]
// 拿到以上两个请求返回的数据进行处理
newNum = res[0] + res[1]
console.log(newNum) // newNum = 5
})
上一篇:
elementUI修改messageBox弹框样式
下一篇:
原生HTML-table表格,超出内容鼠标悬浮展示