在TypeScript中按名称设置对象的属性，而不会丢失静态类型

在TypeScript中，按名称设置对象的属性而不丢失静态类型，可以通过使用索引签名（Index Signatures）或类型断言（Type Assertions）来实现。

基础概念

索引签名：允许你定义一个对象，其键是特定类型的字符串或数字，而值是另一种类型。

类型断言：允许你告诉编译器某个值的具体类型，即使实际的类型与推断的类型不匹配。

类型与应用场景

使用索引签名

interface DynamicObject {
  [key: string]: any; // 或者指定一个更具体的类型，如 number | string
}

const obj: DynamicObject = {};
obj["name"] = "Alice"; // 正确
obj["age"] = 30;       // 正确

这种方式的优点是可以动态地添加任意数量的属性，但缺点是失去了对每个属性具体类型的控制。

使用类型断言

interface Person {
  name: string;
  age: number;
}

const person: Partial<Person> = {};
(person as Person)["name"] = "Alice"; // 正确
(person as Person)["age"] = 30;       // 正确

这种方式允许你在保持原有类型定义的同时，动态地添加属性。Partial<Person> 表示 Person 类型的所有属性都是可选的。

遇到问题及解决方法

问题：尝试设置一个不存在的属性时，TypeScript可能会报错。

原因：TypeScript的静态类型检查不允许对未声明的属性进行赋值。

解决方法：

使用索引签名：
使用索引签名：
使用类型断言：
使用类型断言：
使用Record类型：
使用Record类型：

示例代码

interface Person {
  name: string;
  age: number;
}

function setProperty<T, K extends keyof T>(obj: T, key: K, value: T[K]): void {
  obj[key] = value;
}

const person: Person = { name: "", age: 0 };
setProperty(person, "name", "Alice"); // 正确
setProperty(person, "age", 30);       // 正确

在这个示例中，setProperty函数使用了泛型和键类型约束来确保只有Person接口中定义的属性可以被设置。

通过这些方法，你可以在TypeScript中灵活地按名称设置对象的属性，同时保持代码的类型安全。