在 TypeScript 中使用 async/await,你需要遵循以下步骤:
- 首先,确保你的 TypeScript 项目启用了
ES7
的async/await
支持。你可以在tsconfig.json
文件中设置target
选项为ES2017
或更高版本:
{
"compilerOptions": {
"target": "es2017",
...
}
}
- 在你的函数声明前面加上
async
关键字,这将使函数成为异步函数,可以使用await
关键字:
async function myFunction() {
// 异步操作
}
- 使用
await
关键字在异步函数中等待一个异步操作完成。这可以是一个返回Promise
对象的函数调用,或者是一个使用Promise
对象的表达式。在等待异步操作期间,程序的执行将暂停,直到异步操作完成并返回结果。
async function fetchData() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
}
- 使用
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
时,你可以像