多个AJAX API调用需要来自前一个调用的响应的最佳实践？

// 第一个AJAX请求
fetch('api1')
  .then(response1 => {
    // 处理第一个请求的响应
    // ...

    // 返回第二个AJAX请求
    return fetch('api2');
  })
  .then(response2 => {
    // 处理第二个请求的响应
    // ...

    // 返回第三个AJAX请求
    return fetch('api3');
  })
  .then(response3 => {
    // 处理第三个请求的响应
    // ...
  })
  .catch(error => {
    // 处理错误
    // ...
  });

async function makeAPIRequests() {
  try {
    const response1 = await fetch('api1');
    // 处理第一个请求的响应
    // ...

    const response2 = await fetch('api2');
    // 处理第二个请求的响应
    // ...

    const response3 = await fetch('api3');
    // 处理第三个请求的响应
    // ...
  } catch (error) {
    // 处理错误
    // ...
  }
}

makeAPIRequests();