Promise复杂链式调用问题：异步API调用未按顺序执行求助

嘿，我来帮你搞定这个问题～ 你遇到的核心问题其实是两个API请求没有被正确地串行等待，原因出在你的doAPICall1和doAPICall2函数上，以及主函数handle里的Promise逻辑处理不当。

问题根源 #

你的doAPICall1和doAPICall2函数内部发起了axios请求，但没有返回这个异步请求的Promise对象。这意味着当你在handle里调用doAPICall1()时，函数会立刻返回undefined，而不是等待axios请求完成。所以handle里的第一个Promise会直接同步执行完，紧接着就进入then块调用doAPICall2，导致两个API请求并行执行，完全没有等待顺序。

修复步骤 #

1. 让API调用函数返回Promise

首先修改doAPICall1和doAPICall2，让它们返回axios请求的Promise链，这样函数本身就成为一个可被等待的异步操作：

function doAPICall1(){
  // 关键：return这个axios的Promise链
  return axios.get('...')
    .then(function(){ return true })
    .catch(function(error){ return error })
}

function doAPICall2(){
  return axios.get('...')
    .then(function(){ return true })
    .catch(function(error){ return error })
}

如果你希望API请求失败时直接触发Promise的reject状态（而不是resolved为error），可以简化成这样：

function doAPICall1(){
  return axios.get('...').then(() => true);
  // 不写catch，让错误自动冒泡到上层的catch处理
}

2. 修复handle函数的串行逻辑

现在API函数返回Promise了，我们可以用两种方式实现串行等待：

方式一：用async/await（更直观易读）

async function handle(){
  try {
    // 等待第一个API请求完成
    const result1 = await doAPICall1();
    if (result1 !== true) {
      throw new Error(JSON.stringify(result1));
    }
    // 第一个请求成功后，再发起第二个
    const result2 = await doAPICall2();
    if (result2 !== true) {
      throw new Error(JSON.stringify(result2));
    }
    return true;
  } catch (error) {
    console.error(JSON.stringify(error));
  }
}

方式二：保持Promise链式写法

function handle(){
  doAPICall1()
    .then(function(result){
      if (result !== true) {
        throw new Error(JSON.stringify(result));
      }
      // 返回第二个API的Promise，让链式调用等待它完成
      return doAPICall2();
    })
    .then(function(result){
      if (result !== true) {
        throw new Error(JSON.stringify(result));
      }
      return true;
    })
    .catch(function(error){
      console.error(JSON.stringify(error));
    })
}

为什么这样能解决问题 #

修改后，handle函数会先等待doAPICall1的Promise完成（不管成功还是失败），再执行后续的doAPICall2，彻底避免了两个请求并行执行的情况，严格按照你期望的顺序依次执行。

内容的提问来源于stack exchange，提问作者Tobias Schäfer