TypeScript：如何在运行时初始化泛型类型的keyof T

由于TypeScript的泛型会在编译后被擦除，运行时无法直接获取泛型T的类型信息，因此要实现field的自动初始化，必须通过运行时可获取的实际数据来推导属性键。以下是两种正规实现方案：

方案1：通过实例自动提取首个属性键 #

在构造函数中传入泛型T的实际对象实例，以此提取其属性键并将第一个键设为field的默认值，确保field始终为keyof T类型，不会出现null/undefined。

export class ColumnDefinition<T> {
    field: keyof T;

    constructor(tInstance: T) {
        const propertyKeys = Object.keys(tInstance) as Array<keyof T>;
        if (propertyKeys.length === 0) {
            throw new Error("泛型类型T必须包含至少一个属性");
        }
        this.field = propertyKeys[0];
    }
}

使用示例 #

interface User {
    id: number;
    username: string;
    email: string;
}

// 传入User实例，自动将field初始化为第一个属性键"id"
const userColumn = new ColumnDefinition<User>({ id: 1, username: "johndoe", email: "john@example.com" });
console.log(userColumn.field); // 输出: "id"

方案2：支持手动指定+自动 fallback #

如果需要兼容手动指定field的场景，可以修改构造函数，让field参数可选，未传入时自动取实例的首个属性键：

export class ColumnDefinition<T> {
    field: keyof T;

    constructor(tInstance: T, field?: keyof T) {
        const propertyKeys = Object.keys(tInstance) as Array<keyof T>;
        if (propertyKeys.length === 0) {
            throw new Error("泛型类型T必须包含至少一个属性");
        }
        this.field = field ?? propertyKeys[0];
    }
}

使用示例 #

// 自动取首个属性键
const autoColumn = new ColumnDefinition<User>({ id: 1, username: "johndoe" });
console.log(autoColumn.field); // 输出: "id"

// 手动指定field为"username"
const customColumn = new ColumnDefinition<User>({ id: 1, username: "johndoe" }, "username");
console.log(customColumn.field); // 输出: "username"

特殊场景说明 #

如果你的业务中无法获取T的实际实例（比如T是仅用于类型约束的接口，无可用对象），则无法实现自动初始化逻辑，此时必须要求使用者显式传入field值：

export class ColumnDefinition<T> {
    field: keyof T;

    constructor(field: keyof T) {
        this.field = field;
    }
}

// 使用时必须显式传入合法的属性键
const userColumn = new ColumnDefinition<User>("id");

内容的提问来源于stack exchange，提问作者Heila Al-Mogren