掌握 TypeScript 的 `Pick` 工具类型：轻松提取所需属性
文章目录
- 引言
- 基本使用
- 常用场景
引言
在 TypeScript 开发中，类型操作是提高代码可读性和可维护性的重要手段。Pick 工具类型是 TypeScript 提供的一种强大的工具，允许你从现有类型中选择特定的属性，形成一个新的类型。
基本使用
type PickedType = Pick<T, K>;
- T：源类型。
- K：需要选择的属性键的联合类型。
示例
type User = {
id: number;
name: string;
profile: {
age: number;
address: string;
};
};
// 从User类型中提取id和profile属性，创建新的类型UserProfile
type UserProfile = Pick<User, 'id' | 'profile'>;
const user: UserProfile = {
id: 1,
// name: 'John Doe', // 报错
profile: {
age: 30,
address: 'New York',
},
};
常用场景
Pick 工具类型在以下场景中非常有用：
- API 响应处理：简化从 API 获取的数据。
- 组件 Props 简化：简化组件的 Props 类型。
- 状态管理：简化状态对象的提取。
- 表单处理：简化表单数据的处理。
- 数据过滤：简化数据过滤逻辑。
- 接口实现：简化接口实现。