调用api是一个异步函数（通过promise同步状态），如何实现才能使调用线程不被阻塞，又能准确感知到promise的value变化？

async function callApi() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  console.log(data);
}

function callApi() {
  fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));
}

function callApi() {
  const promise1 = fetch('https://api.example.com/data1');
  const promise2 = fetch('https://api.example.com/data2');

  Promise.race([promise1, promise2])
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));
}