美文网首页
【js】Promise.all食用指南

【js】Promise.all食用指南

作者: 走羊_45bf | 来源:发表于2020-11-12 16:45 被阅读0次

我之前看Promise,里面有个方法叫all,因为接口是异步的,当你的业务必须拿到几个不同接口的所有数据后,再进行比较或者逻辑操作,这个时候就可以用到这个方法。
此处贴上示例代码,是以Vue2为框架的背景下:

 // 搭配 async await 进一步优化
 // 接口1
 async getA(){
  // return一个Promise实例对象
  return await new Promise((resolve,reject)=>{
       this.API1().then(res=>{
           resolve(res)
        })
    }).catch(error => {
     console.log(error)
   })
  }
 // 接口2
 async getB(){
  // return一个Promise实例对象
  return await new Promise((resolve,reject)=>{
       this.API1().then(res=>{
           resolve(res)
        })
    }).catch(error => {
     console.log(error)
   })
}

 `promise.all是等待所有异步资源加载完毕后再执行代码。`
 // 参数是一个数组,数组里面是一个个接口方法调用
 // 注意:如果有一个接口失败都不能成功返回
getPromiseAll([this.getA(),this.getB()]).then(res=>{
    console.log(res)  //  [{data:{...}},{data:{...}}]  返回一个数组,数组的元素代表不同接口的响应数据
})

相关文章

  • 【js】Promise.all食用指南

    我之前看Promise,里面有个方法叫all,因为接口是异步的,当你的业务必须拿到几个不同接口的所有数据后,再进行...

  • JS Promise.all

  • 《毒液》食用指南

    毒液是什么? 它是一种呈现为粘液态的共生体 诞生在距离地球几光年之外的克林特星 它可以和宿主结合成一种全新的生物 ...

  • 人类食用指南

    一夜之间,谁能想到,动物竟成了世界的主宰,人类却沦为了它们的食物,它们也不再像刚开始那样生吞活剥,渐渐的讲求精细化...

  • cmder食用指南

    开箱 在官网http://cmder.net/下载,解压即可打开包装食用 把Cmder.exe所在的文件目录加入环...

  • 手写代码系列

    深拷贝 html转码 手写promise.all 有哪些实现数组扁平化的方法 原生js 运用flat方法 redu...

  • Promise.allSettled,ES2020新特性对于Pr

    Promise.all方法 使用promise.all如果有一个对象reject了,那么promise.all就会...

  • js多个异步请求,按顺序执行next

    在js里面,偶尔会遇见需要多个异步按照顺序执行请求,又不想多层嵌套,,这里和promise.all的区别在于,pr...

  • Git 简易食用指南

    写在前面 一开始我们先聊一聊版本控制,什么是版本控制呢?版本控制是一种记录一个或若干文件内容变化,以便将来查阅特定...

  • 青皮核桃食用指南

    今天路过一处公园,偶然发现了一棵高大的核桃树。现在正是青皮核桃上市的时节。站在这棵核桃树下,一抬头就能看到不少乒乓...

网友评论

      本文标题:【js】Promise.all食用指南

      本文链接:https://www.haomeiwen.com/subject/ffupbktx.html