如何在TypeScript中无需实例化接口获取type字段的常量值
解决方案
TypeScript里的接口是纯类型层面的定义,编译成JavaScript后会被完全移除,所以你没法直接通过getConversationItemAction.type这种方式访问它的type字段值——因为运行时根本不存在这个接口。
你之前定义常量的思路是对的,只是没搞清楚类型和值的用法,正确的做法是:
- 先定义一个运行时可用的常量,存下你需要的字符串值
- 让接口的
type字段关联这个常量的类型 - 要复用这个字符串值时,直接引用定义好的常量即可
示例代码:
// 定义运行时能直接用的常量 export const CONVERSATION_NAME_TYPE = 'CONVERSATION_NAME'; // 接口的type字段使用该常量的类型(typeof 会取到常量的字面量类型) export interface GetConversationItemAction { type: typeof CONVERSATION_NAME_TYPE; data: any; } // 直接用常量拿到字符串值,整个项目都能引用 console.log(CONVERSATION_NAME_TYPE); // 输出 'CONVERSATION_NAME'
你之前的错误在于:
- 试图通过接口(类型)访问值,这是行不通的,类型只在编译时做检查,运行时不存在
- 用
type myDataType = conversationItemAction['type']拿到的是类型别名,同样只能在类型层面使用,不能当作值打印或赋值
这样写的好处是:既保证了接口的type字段类型是固定的字面量,又能在项目任何地方直接用常量复用这个字符串值,不需要实例化接口。
内容的提问来源于stack exchange,提问作者spark
相关产品推荐
相关产品推荐

