Typescript如何引用接口属性名且兼容IDE识别、支持代码重构？

你当前使用的元数据方案已经基本满足需求，在此基础上可以做进一步优化，彻底省去手动编写元数据对象的重复工作：

优化方案：基于Proxy自动生成接口元数据 #

首先保留你定义的泛型元数据类型，新增一个通用的元数据创建工具函数：

type InterfaceMetadata<Interface> = {
    [Property in keyof Interface]: Property;
}

function createInterfaceMetadata<T>(): InterfaceMetadata<T> {
    // 用Proxy拦截属性访问，直接返回属性名的字符串形式
    return new Proxy({}, {
        get(_, propertyKey) {
            return propertyKey as string;
        }
    }) as InterfaceMetadata<T>;
}

使用方式极其简单，不需要手动填充任何属性：

export interface GroupsInterface {
    groups(): string[]|null;
    // 后续新增任何属性都不用改元数据配置
    id: number;
    name: string;
}

// 一行代码生成对应接口的元数据对象
const groupsMetadata = createInterfaceMetadata<GroupsInterface>();

方案优势 #

• 完全类型安全：访问groupsMetadata上不存在的属性时，TypeScript会直接抛出类型错误
• 零重复编码：接口新增/修改/删除属性时，不需要同步修改元数据配置，自动同步
• 重构友好：IDE重命名接口属性时，所有通过groupsMetadata引用该属性的地方会自动同步修改
• 运行时可用：groupsMetadata.groups运行时直接返回字符串"groups"，完全满足 runtime 校验的需求

兼容降级方案 #

如果你的运行环境不支持Proxy（比如IE、非常旧的Node.js版本），可以用代码生成工具在编译阶段自动生成元数据对象，不需要手动维护，效果和Proxy方案一致。

内容的提问来源于stack exchange，提问作者Łukasz Zaroda