# TypeScript 如何给 fetch 返回值加类型

URL: https://caijiao.org/how-to/javascript/typescript-fetch-json-type
Source: docs/how-to/javascript/typescript-fetch-json-type.md
Description: TypeScript 如何给 fetch 返回值加类型：把 JSON 解析结果声明为 unknown，校验后再转成业务类型。 示例可直接复制到浏览器或项目代码中，并附相关教程、工具入口。

## 快速答案

把 JSON 解析结果声明为 unknown，校验后再转成业务类型。

```js
type User = { id: string; name: string };
const data: unknown = await res.json();
// 校验通过后再作为 User 使用
```

## 使用要点

- 先校验输入格式，再进入转换逻辑；解析失败时把错误行或字段反馈出来。
- CSV、JSON 和 Base64 都容易遇到转义问题，示例接入后要补含引号、换行和中文的测试数据。

## 相关内容

- [JavaScript / TypeScript 问题](/how-to/javascript/)
- [JavaScript 教程](/javascript/)
- [TypeScript 教程](/ts/)
- [JSON Formatter](/tool/json-formatter)
- [JSON Validator](/tool/json-validator)