js用三种方法实现异步

使用回调函数实现异步

回调函数是JavaScript中最基础的异步实现方式，通过将函数作为参数传递给异步操作，在操作完成后调用该函数。

function fetchData(callback) {
  setTimeout(() => {
    callback('Data received');
  }, 1000);
}

fetchData((data) => {
  console.log(data);
});

使用Promise实现异步

Promise提供了更优雅的异步处理方式，通过链式调用then和catch方法来处理成功或失败的结果。

function fetchData() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('Data received');
    }, 1000);
  });
}

fetchData()
  .then(data => console.log(data))
  .catch(error => console.error(error));

使用async/await实现异步

async/await是建立在Promise之上的语法糖，使得异步代码看起来更像同步代码，提高了可读性。

function fetchData() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('Data received');
    }, 1000);
  });
}

async function getData() {
  try {
    const data = await fetchData();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

getData();