如何获取返回Promise的递归函数的最终执行结果

你拿不到值的核心原因 #

所有返回Promise的函数都是异步执行的，你用同步写法直接赋值时，异步逻辑还未执行完成，拿到的永远是Promise实例本身而非异步返回的结果。你写的recursiveWithPromise(params).then(res => res)返回的依然是一个Promise实例，不是内部的res值，自然会得到undefined。

正确写法 #

方法1：通过then链接收结果 #

你需要在then的回调函数中拿到最终结果，所有需要用到这个结果的逻辑都要放在回调内部执行：

recursiveWithPromise().then(finalResult => {
  const someVar = finalResult;
  // 这里可以正常使用someVar
  console.log(someVar);
})

方法2：使用async/await语法（更简洁） #

ES7引入的async/await语法可以让异步代码的写法像同步代码一样直观，注意await必须写在async标记的函数内部：

// 封装async函数执行逻辑
const getFinalResult = async () => {
  const someVar = await recursiveWithPromise();
  // 这里可以正常使用someVar
  console.log(someVar);
}
// 调用执行
getFinalResult();

原有代码的优化建议 #

你当前的代码把promise实例和count变量定义在全局作用域，会导致函数只能正常执行一次，第二次调用时count已经是10，且全局promise只会resolve一次。如果需要每次调用都是独立的递归流程，可以把变量封装到函数内部：

const recursiveWithPromise = (count = 1) => {
  // Promise实例定义在函数内部，每次调用生成新的异步任务
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve("result");
    }, 500);
  }).then(result => {
    count += 1
    if (count !== 10) {
      return recursiveWithPromise(count);
    }
    return 'finalResult'
  });
}

内容的提问来源于stack exchange，提问作者dendroid