Typescript异步编程：Promise与async/await

TypeScript 是 JavaScript 的一个超集，它添加了可选的静态类型和基于类的面向对象编程。在 TypeScript 中，异步编程通常使用 Promise 和 async/await 语法来实现。

Promise

Promise 是一种用于表示异步操作最终完成（或失败）及其结果值的对象。Promise 处于以下状态之一：

• pending：初始状态，既不是成功，也不是失败。
• fulfilled：意味着操作成功完成。
• rejected：意味着操作失败。

Promise 的基本用法如下：

function fetchData(): Promise<string> {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Data fetched');
    }, 1000);
  });
}

fetchData().then(data => {
  console.log(data); // 输出 "Data fetched"
}).catch(error => {
  console.error(error);
});

async/await

async/await 是一种更简洁的处理异步操作的方法，它们是基于 Promise 的语法糖。通过在函数前加上 async 关键字，你可以在函数内部使用 await 关键字来等待一个 Promise 完成。

下面是使用 async/await 的例子：

async function fetchData(): Promise<string> {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('Data fetched');
    }, 1000);
  });
}

async function main() {
  try {
    const data = await fetchData();
    console.log(data); // 输出 "Data fetched"
  } catch (error) {
    console.error(error);
  }
}

main();

在这个例子中，fetchData 函数返回一个 Promise，而 main 函数是一个异步函数。在 main 函数内部，我们使用 await 关键字等待 fetchData 函数的结果。如果 fetchData 函数成功完成，我们将得到结果；如果它失败，我们将捕获错误。

总之，Promise 和 async/await 是 TypeScript 中处理异步编程的两种主要方法。Promise 提供了一种基于回调的方式，而 async/await 则提供了一种更简洁、易于阅读的语法。在实际开发中，你可以根据项目需求和个人喜好选择合适的方法。