如何处理异步操作

如何处理异步操作

在 typescript 中，我们有多种方法来处理异步操作：回调、promise 和 async/await。异步编程使我们能够管理可能需要时间的操作，例如从 api 获取数据，而不会阻塞其他代码的执行。

回调

回调是作为参数传递给另一个函数的函数，并在任务完成后执行。虽然回调适用于简单的任务，但当需要链接操作时，它们很快就会变得不可读。

type todo = {
  id: number;
  userid: number;
  title: string;
  completed: boolean;
};
const createpromise = (
  id: number,
  callback: (error: error | null, task: todo | null) => void
) => {
  fetch(`https://jsonplaceholder.typicode.com/todos/${id}`)
    .then((response) => {
      if (response.ok) {
        return response.json();
      } else {
        throw new error("failed to load data");
      }
    })
    .then((data) => {
      callback(null, data);
    })
    .catch((error) => {
      callback(error, null);
    });
};

createpromise(1, (error, task) => {
  if (error) {
    console.error(error);
  } else {
    console.log(task);
  }
});

承诺

promise 提供了比回调更干净的方法，允许我们使用 .then() 和 .catch() 方法以更线性的方式处理异步操作。它们更容易链接，但仍然会因为复杂的操作而变得混乱。

const createpromise = (id: number): promise