# TypeScript 泛型函数怎么写

URL: https://caijiao.org/how-to/javascript/typescript-generic-function
Source: docs/how-to/javascript/typescript-generic-function.md
Description: TypeScript 泛型函数怎么写：用类型参数保留输入和输出之间的类型关系。 示例可直接复制到浏览器或项目代码中，并附相关教程、工具入口。

## 快速答案

用类型参数保留输入和输出之间的类型关系。

```js
function first<T>(items: T[]): T | undefined {
  return items[0];
}
```

## 使用要点

- TypeScript 只在编译期提供保护，接口返回值仍要做运行时校验。
- 类型收窄写清楚以后，再把数据交给业务函数，减少后续的断言。

## 相关内容

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