TypeScript中的fetch API如何使用

在TypeScript中使用fetch API非常简单。可以像在JavaScript中一样使用fetch函数来发送网络请求。

fetch('https://jsonplaceholder.typicode.com/posts')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

上面的代码示例中，我们使用fetch函数发送一个GET请求到https://jsonplaceholder.typicode.com/posts，并在成功时将返回的数据转换为JSON格式进行打印，如果出现错误则打印错误信息。

需要注意的是，在TypeScript中，可以借助泛型来指定fetch返回的数据类型。例如：

interface Post {
  userId: number;
  id: number;
  title: string;
  body: string;
}

fetch<Post[]>('https://jsonplaceholder.typicode.com/posts')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error('Error:', error));

在这个示例中，我们定义了一个Post接口，并在fetch函数中使用泛型指定返回的数据类型为Post数组。这样可以让TypeScript在编译时对返回的数据进行类型检查。