js用三种方法实现异步

使用回调函数（Callback）

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

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

fetchData((data) => {
  console.log(data); // 输出: Data received
});

使用Promise

Promise 提供更清晰的链式调用方式，通过 then 和 catch 处理成功或失败的结果。

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

fetchData()
  .then((data) => console.log(data)) // 输出: Data received
  .catch((error) => console.error(error));

使用async/await

async/await 是 Promise 的语法糖，以同步的方式编写异步代码，提升可读性。

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

async function main() {
  const data = await fetchData();
  console.log(data); // 输出: Data received
}

main();