Promise循环执行多个请求

// 输出结果为 [ 0, 1, 2 ] 执行了 3 秒
// 此方法用在 一个循环体中,拿到每个异步请求返回的值 , 并等待循环中的 所有异步函数执行完,再进行下一步操作!
// 如 node.js 中 拿到购物车表的数据,只有商品的id ,没有商品的具体信息, 需要去遍历购物车的表, 再用每一个商品id 去遍历商品表,去拿商品具体信息!
mounted(){
let array = []
for(let i=0; i<3; i++){
array.push(this.testForPromise(i))
}
Promise.all(array).then((res) => {
console.log(res) // [ 0, 1, 2 ]
})
},
methods:{
testForPromise(num){
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(num)
}, 3000)
})
}
}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、初识jQuery.js jQuery.js是一款优秀的JS类库,其本质就是在一个立即执行的匿名函数中的闭包,j...
    刘远舟阅读 648评论 1 0
  • js新特性之网络编程 1.h5新增存储方案 <!DOCTYPE html> 18-H5新增存...
    煤球快到碗里来阅读 393评论 0 0
  • 0、底层 Event Loop事件循环:就是一个执行消息队列的机制 宏任务 微任务为了解决这种情况,将任务分为了同...
    月光一族阅读 2,918评论 7 42
  • 1、浅拷贝和深拷贝的区别 浅拷贝是拷贝一层,深层次的对象级别的就拷贝引用 深拷贝是拷贝多层,每一层级的数据都会拷贝...
    我王某不需要昵称阅读 442评论 0 0
  • ECMAScript - 学习笔记 🎬 🧩nvm node.js 包管理工具 nvm github[https:/...
    Super三脚猫阅读 648评论 0 1