|
|
typescript能否动态生成类型，并根据类型中的属性名设置不同类型？
关注者
7
被浏览
31,801
5 个回答
https://github.com/benboba
你这个需求其实就是 TypeScript 的索引签名呀。
示意代码如下：
interface IAttrType {
name?: string;
age?: number;
[key: string]: any; // 这行就是定义索引签名
const attrObj: IAttrType = {name: 'haha', age: 15};
// 根据你前面的描述，name 必须为 string 类型，所以如果设置为数值 123 是一定会报错的
const attrObj1: IAttrType = {name: '123', age1: 15};
题主修改了问题描述，假设你的需求只是 'label' 和 'birth' 这两个属性，那么可以通过下面的方式来解决：
（2021.1.19 又改了一下，增加了设置其它属性为 any 以及设置属性为可选）
const attrsTypeObj = {
label: 'name',
birth: 'age',
other: 'other'
} as const; // 使用 as const 转为字面量类型
// 创建一个联合类型
type TAttrType =
Record<typeof attrsTypeObj['label'], string>
Record<typeof attrsTypeObj['birth'], number>
// 除了 label 和 birth 之外的 key 都设置为 any 类型
Record<typeof attrsTypeObj[Exclude<keyof typeof attrsTypeObj, 'label' | 'birth'>], any>;
// 复制一个类型，设置属性为可选，增加灵活性
type TPartialAttrType = Partial<TAttrType>;
// 不报错，类型符合
const attrObj: TPartialAttrType = { name: 'haha', age: 15, other: [] };
// 错误，name 类型不符合，不存在 age1 属性
const attrObj1: TPartialAttrType = { name: 123, age1: 15 };
虚幻引擎开发&前端开发
不是很理解你说的动态生成类型是用来做什么的，是想要限制对象的部分属性？那可以使用 interface 来实现，如下：
interface AttrType {
name: string
age: number