在 TypeScript 中使用 async/await,你需要遵循以下步骤:

  1. 首先,确保你的 TypeScript 项目启用了 ES7async/await 支持。你可以在 tsconfig.json 文件中设置 target 选项为 ES2017 或更高版本:
{
  "compilerOptions": {
    "target": "es2017",
    ...
  }
}

  1. 在你的函数声明前面加上 async 关键字,这将使函数成为异步函数,可以使用 await 关键字:
async function myFunction() {
  // 异步操作
}

  1. 使用 await 关键字在异步函数中等待一个异步操作完成。这可以是一个返回 Promise 对象的函数调用,或者是一个使用 Promise 对象的表达式。在等待异步操作期间,程序的执行将暂停,直到异步操作完成并返回结果。
async function fetchData() {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  return data;
}

  1. 使用 try/catch 块来处理可能发生的异步操作中的错误。使用 try 块来包裹你的异步操作,并在 catch 块中处理错误。
async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    return data;
  } catch (error) {
    console.error('Error:', error);
    throw error;
  }
}

注意:在使用 async/await 时,你可以像

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐