TypeScript用string索引interface报元素隐含有any类型错误如何解决

你遇到的是TypeScript的静态类型校验报错：你定义的UserProps接口仅明确声明了name、age两个合法属性，没有配置可接受任意字符串为键的索引签名。而get方法的入参propName类型被定义为宽泛的string，TypeScript无法保证任意传入的字符串都一定是UserProps上存在的属性，因此判定用字符串索引UserProps类型的对象不合法，抛出该错误。

• 方案1：约束入参为UserProps的合法键（推荐）
  使用keyof操作符将propName的类型限制为UserProps的属性联合类型，还可以配合泛型实现返回值类型的自动匹配，无需手动声明联合类型：

  interface UserProps {
    name: string
    age: number
  }
  
  export class User {
    constructor(private data: UserProps) {}
  
    get<T extends keyof UserProps>(propName: T): UserProps[T] {
      return this.data[propName]
    }
  }
  

  该方案可以保留完整的类型校验能力，调用方法时如果传入不存在的属性，TypeScript会提前抛出提示，从根源避免运行时问题。

• 方案2：为UserProps添加字符串索引签名
  如果你确实需要允许任意字符串作为键查询，可以给UserProps接口增加索引签名声明：

  interface UserProps {
    name: string
    age: number
    [key: string]: string | number
  }
  

  该方案会放宽类型校验规则，即使传入不存在的属性TypeScript也不会报错，存在一定运行时风险，不推荐优先使用。

• 方案3：使用类型断言跳过校验
  如果是临时场景需要绕过该报错，可以通过类型断言主动告知TypeScript该参数是合法属性键：

  get(propName: string): number | string {
    return this.data[propName as keyof UserProps]
  }
  

  该方案本质是放弃该位置的类型校验，同样存在运行时传错键的风险，仅适合临时调试场景使用。

内容的提问来源于stack exchange，提问作者Ehsan