统一对象属性类型至 any 的需求场景
在 typescript 开发中，我们有时会遇到这样的需求：需要基于一个已有的对象类型（例如一个类的实例类型），创建一个新的类型，该新类型保留原有类型的所有属性键，但将其所有属性的值类型统一设置为 any。这种转换在某些动态处理或与非强类型数据交互的场景中非常有用。
例如，给定一个 Foo 类：
class Foo {
foo: string;
bar: number;
baz: Date;
constructor() {
this.foo = "";
this.bar = 0;
this.baz = new Date();
}
}我们的目标是定义一个泛型类型 Transmuted
interface TransmutedFoo {
foo: any;
bar: any;
baz: any;
}接下来，我们将探讨两种实现这种泛型类型的方法。
方法一：使用映射类型 (Mapped Types)
映射类型是 TypeScript 中一项强大的功能，它允许我们以声明式的方式，基于现有类型创建新类型。其基本语法是 [Key in K]: Type;，其中 K 是一个联合类型，表示新类型中属性键的集合。
为了实现我们的目标，我们可以利用 keyof T 来获取类型 T 的所有属性键，然后将这些键映射到 any 类型。
/** * Transmuted泛型类型 * 将输入类型 T 的所有属性键保留，并将其对应的属性值类型统一设置为 any。 * @template T - 任意对象类型 */ type Transmuted = { [Key in keyof T]: any; };
代码解析：
- [Key in keyof T]：这部分遍历了类型 T 的所有属性键。keyof T 会生成一个包含 T 所有属性名（字符串字面量）的联合类型。Key in ... 语法则表示为这个联合类型中的每个成员创建一个新的属性。
- : any;：这部分指定了新创建属性的类型。在这里，我们将其统一设置为 any。
应用示例：
class Foo {
foo: string;
bar: number;
baz: Date;
constructor() {
this.foo = "";
this.bar = 0;
this.baz = new Date();
}
}
// 使用映射类型定义 Transmuted
type Transmuted = {
[Key in keyof T]: any;
};
// 应用 Transmuted 到 Foo 类型
type TransmutedFoo = Transmuted;
// 验证 TransmutedFoo 的类型
// type TransmutedFoo = {
// foo: any;
// bar: any;
// baz: any;
// }
// 我们可以创建一个 TransmutedFoo 类型的对象
const myTransmutedFoo: TransmutedFoo = {
foo: "hello",
bar: 123,
baz: new Date()
};
console.log(myTransmutedFoo); 方法二：使用 Record 工具类型
TypeScript 提供了一系列实用的内置工具类型（Utility Types），Record
Record 的定义实际上也是基于映射类型实现的：type Record
我们可以将 keyof T 作为 Record 的第一个类型参数 Keys，将 any 作为第二个类型参数 Type。
/** * Transmuted泛型类型 (使用 Record 工具类型实现) * 将输入类型 T 的所有属性键保留，并将其对应的属性值类型统一设置为 any。 * @template T - 任意对象类型 */ type Transmuted = Record ;
代码解析：
- Record
：keyof T 提供了所有属性键的联合类型，any 指定了所有属性的值类型。Record 会自动为这些键构建一个新类型，其中每个键都映射到 any 类型。
应用示例：
class Foo {
foo: string;
bar: number;
baz: Date;
constructor() {
this.foo = "";
this.bar = 0;
this.baz = new Date();
}
}
// 使用 Record 工具类型定义 Transmuted
type Transmuted = Record;
// 应用 Transmuted 到 Foo 类型
type TransmutedFoo = Transmuted;
// 验证 TransmutedFoo 的类型
// type TransmutedFoo = {
// foo: any;
// bar: any;
// baz: any;
// }
const anotherTransmutedFoo: TransmutedFoo = {
foo: "world",
bar: true, // 即使原始类型是 number，这里也可以是 any
baz: null // 即使原始类型是 Date，这里也可以是 any
};
console.log(anotherTransmutedFoo); 总结与注意事项
-
映射类型 (Mapped Types)：提供了最灵活的机制来转换现有类型。当您需要对每个属性的类型进行更复杂的转换（例如，将所有属性变为可选 ?，或将属性类型包装在 Promise
中）时，映射类型是首选。 -
Record 工具类型：当您需要创建一个所有属性值都具有相同类型的对象类型时，Record 提供了一种更简洁、更具可读性的方式。在我们的例子中，由于所有属性值都统一为 any，Record
是一个非常优雅的解决方案。
两种方法都能有效地实现将一个对象类型的所有属性值统一映射为 any 的目标。在实际开发中，如果目标是统一所有属性的类型，推荐使用 Record 工具类型，因为它更简洁明了。如果需要更精细或更复杂的类型转换逻辑，则应直接使用映射类型。理解这两种方法有助于您更灵活地处理 TypeScript 中的类型转换需求。
