typescript 中的 await用法
时间: 2023-12-03 20:41:18 浏览: 84
vue中typescript装饰器的使用方法超实用教程
在TypeScript中,await关键字用于等待一个异步操作的完成,并且只能在异步函数中使用。异步函数可以通过在函数声明前面加上async关键字来定义,这样函数内部就可以使用await关键字。
当使用await关键字时,它会暂停当前函数的执行,直到等待的异步操作完成。在等待期间,控制权会返回给调用者,允许其他代码继续执行。
以下是await的一般用法:
1. 在异步函数中使用await等待一个返回Promise的异步操作:
```typescript
async function fetchData() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
}
// 调用异步函数
fetchData().then(data => {
console.log(data);
});
```
2. 使用await等待一个返回Promise的异步操作,处理错误情况:
```typescript
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 fetching data:', error);
throw error;
}
}
// 调用异步函数
fetchData().then(data => {
console.log(data);
}).catch(error => {
console.error('Unhandled error:', error);
});
```
注意:在使用await时,需要确保包含它的函数前面加上async关键字。否则,TypeScript编译器会报错。另外,await只能在异步函数中使用,不能在普通的同步函数或全局作用域中使用。
阅读全文