for/map循环里面进行异步操作async/await后返回数据,for里不能直接return执行方法函数

2,603 阅读1分钟
  • 直接用async/await 同步操作,就是for循环里面必须等await返回后才会执行第二次循环。与then不同的是,then()只有包裹在里面的方法里面才是异步返回后执行的。所以for循环外层的return可能会在异步返回前执行了。

    async fn(arr){
        let arrItem =[]
        for(let i=0;i<arr.length;i+=1){
            const res = await request()
            arrItem.push(res.arrItem)
        }
        return arrItem
    }
    

    调用fn()的时候可能会返回一个promise对象,所以还得:

    fn2(){
        fn().then(res=>{
        
        })
    }
    
  • for循环里直接return跳出执行方法函数

    如果你想在for/map循环里面直接return方法函数的值,建议你还是别找了。因为我是实在找不到。for本来就是一个方法,return只能返回他所在域的方法。所以还是推荐使用上面的async/await。如果是满足条件后退出循环并返回,你可以给个状态

     fn(arr){
          let status =false
          let item =null
          arr.map(item=>{
              if(item.id===0){
                  item = item
                  status = true;
                  return false;
              }
          })
          if(status){
              return item;
          }else{
              return false;
          }
      }
    
  • map里使用async/await,我的使用方式是这样的,测试return还是在请求返回前执行了,不知为何,大神能给个解释吗?之后解决的话会更新

    fn(arr){
        let arrItem =[]
        arr.map(async(item=>{
            const res = await request()
            arrItem.push(res.arrItem)
        })
        return arrItem
    }