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

Question

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 中，结果并没有执行 …

Answer 1

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

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

Answer 2

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)
  })
}

Answer 3

multiUpload(data)前加个await

Answer 4

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)