美文网首页
promise.all()的使用

promise.all()的使用

作者: 混水妹妹 | 来源:发表于2022-06-17 10:35 被阅读0次

Promise.all()方法用于将多个 Promise 实例,包装成一个新的 Promise 实例。
Promise.all()等所有的Promise执行完毕后,按照放在all中的先后顺序将resolve()返回的数据放在Promise.all的resolve中
示例:

//方法
 promiseone(){
      return new Promise((r,j)=>{
        setTimeout( ()=>{
          console.log(111);
          r(11)
        },3000)
      })
    },
    promisetwo(){
      return new Promise((r,j)=>{
        setTimeout(()=>{
          console.log(22);
          r(22)
        },1000)
      })
    },
    promisethress(){
        setTimeout(()=>{
          console.log(33);
        },500)
    },
//vue中调用
//等promiseone和promisetwo请求回来后,再去请求promisethress。
//all()中的Promise对象执行先后顺序由自己快慢控制
created() {
      Promise.all([this.promiseone(),this.promisetwo()]).then(res=>{
        console.log(res,888);
        this.promisethress()
      })
  },

打印的结果


image.png

注:Promise.all()方法接受一个数组作为参数,参数都是Promise实例
可适用场景:异步请求3需要等异步请求1和2的数据作为参数去请求。

相关文章

网友评论

      本文标题:promise.all()的使用

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