简述如何在 TypeScript 中使用 async/await？
在TypeScript中，async/await是处理异步操作的一种优雅方式，它建立在Promises上，使异步代码看起来和表现得更像是同步代码。这种语法在TypeScript中的使用方法与在现代JavaScript（ES2017及之后版本）中几乎相同。
使用async关键字
- 声明异步函数：通过在函数声明前添加
async关键字，你可以将该函数标记为异步函数。async函数总是返回一个Promise。
async function fetchData(): Promise<string> {
// 异步操作
return "data";
}
在这个例子中，fetchData函数被声明为异步，尽管内部返回的是一个字符串，但由于async的使用，它实际上会返回一个解析为该字符串的Promise。
使用await关键字
- 等待Promise解析：在
async函数内部，你可以使用await关键字等待Promise完成，并直接获取其解析值，而不需要使用.then()或.catch()方法。
async function showData() {
const data = await fetchData();
console.log(data); // 输出获取到的数据
}
这里，showData函数中使用await等待fetchData函数返回的Promise解析完成，并将解析后的值赋给data变量。
错误处理
- 使用try…catch：在
async/await中，推荐使用try...catch语句来捕获和处理可能发生的错误。
async function showErrorHandling() {
try {
const data = await fetchData(); // 假设这可能会抛出错误
console.log(data);
} catch (error) {
console.error("An error occurred:", error);
}
}
类型注解和泛型
- 为异步函数添加类型注解：当使用TypeScript时，你可以为异步函数的返回值提供明确的类型注解，这有助于提高代码的可读性和维护性。
async function fetchData(): Promise<string> {
// 实现函数，返回Promise<string>
return "data";
}
在这个例子中，fetchData函数明确地注明将返回一个Promise<string>类型的值。
总结
async/await提供了一种更直观和简洁的方式来编写异步代码。通过使用async函数和await表达式，你可以编写出看起来像同步代码的异步逻辑，这样不仅提高了代码的可读性，也简化了异步操作的错误处理。在TypeScript中，你还可以利用类型系统为异步操作提供类型安全，进一步增强代码的健壮性。