如何在javascript中处理两个API调用？

const api1Promise = fetch('api1');
const api2Promise = fetch('api2');

Promise.all([api1Promise, api2Promise])
  .then(([api1Result, api2Result]) => {
    // 处理api1和api2的结果
    console.log(api1Result);
    console.log(api2Result);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

async function fetchData() {
  try {
    const api1Result = await fetch('api1');
    const api2Result = await fetch('api2');
    
    // 处理api1和api2的结果
    console.log(api1Result);
    console.log(api2Result);
  } catch (error) {
    // 处理错误
    console.error(error);
  }
}

fetchData();

function fetchApi1(callback) {
  fetch('api1')
    .then(response => response.json())
    .then(data => {
      // 处理api1的结果
      callback(null, data);
    })
    .catch(error => {
      // 处理错误
      callback(error, null);
    });
}

function fetchApi2(callback) {
  fetch('api2')
    .then(response => response.json())
    .then(data => {
      // 处理api2的结果
      callback(null, data);
    })
    .catch(error => {
      // 处理错误
      callback(error, null);
    });
}

function fetchData() {
  fetchApi1((error1, api1Result) => {
    if (error1) {
      // 处理错误
      console.error(error1);
      return;
    }
    
    fetchApi2((error2, api2Result) => {
      if (error2) {
        // 处理错误
        console.error(error2);
        return;
      }
      
      // 处理api1和api2的结果
      console.log(api1Result);
      console.log(api2Result);
    });
  });
}

fetchData();