await 一个递归函数怎么才能正确执行 ?

末子
  • 61
preUpload: async function (e) {
    ……
    await the.multiUpload({
      path: pics
    })
    console.log('upload result: ', data)
  }
multiUpload: async function (data) {
    ……
    if (i < data.path.length) {
      multiUpload(data) //递归,回调自己
    } else {
      wx.hideLoading()
    }
    ……
  }

当前 multiUpload 没有执行完,就输出 upload result 了

由于是递归,不清楚 promise 应该写在哪 … 试着将 resolve 写道 else 中,结果并没有执行 …

回复
阅读 2.8k
4 个回答
✓ 已被采纳

你的 multiUpload 里没有 return,所以被当作 return null,所以就没法 await 了。

另外,如果是批量上传,这种递归并没有好处,还不如搞成队列或者 Promise.all

demo().then(res => {
  console.log('执行完毕:', res)
});


// 例如执行5次返回成功
function demo (count) {
  count = count || 0;
  return new Promise(resolve => {
    // 1 秒执行一次
    setTimeout(async () => {
      console.log('第' + count +'次')
      if(count == 5) {
        resolve(count);
      } else {
        resolve(await demo(++count));
      }
    }, 1000)
  })
}

multiUpload(data)前加个await

const fn = async (n) => {
    if (n < 0) return;
    await fn1(n);
    fn(n - 1);
}

const fn1 = (n) => {
    return new Promise((resolve, reject) => {
        setTimeout(() => {
            console.log(n);
            resolve(n-1);
        }, 1000);
    })
}

fn(10);



const fn2 = (n) => {
    return new Promise((resolve, reject) => {
        if (n < 0) return reject();
        setTimeout(() => {
            console.log(n);
            resolve(fn2(n-1));
        }, 1000);
    })
}

fn2(10)
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏