修复TypeScript中接口/类型对象的IntelliSense属性提示问题

这不是VSCode或TypeScript的问题，是TypeScript类型系统的设计特性，具体原因如下：

• 当你定义interface A {[key:string]: number}或type B = {[key:string]: number}这类索引签名时，TypeScript仅能确定对象的键是string类型、值是number类型，但无法追踪具体存在哪些键。即便你给a/b赋值了包含test的字面量，显式的类型标注会覆盖字面量的具体类型信息，TypeScript会将a/b视为「任意string键对应number值」的通用对象，而非仅包含test键的对象，因此IntelliSense无法提示具体成员。

• 未加类型标注的c，TypeScript会根据字面量自动推断出具体类型：{ test: number }，明确包含test成员，所以IntelliSense能正常识别。

解决方法 #

• 若需同时保留具体键的提示和索引签名的扩展性，可结合具体属性与索引签名：

  interface A {
    test: number; // 明确声明已知键
    [key: string]: number; // 允许其他string键
  }
  

• 若只想保留字面量的具体类型同时满足接口约束，可使用类型断言（不推荐，会弱化类型检查）：

  const a = {'test': 100} as A;
  

• 更灵活的泛型方式，让TypeScript自动推断具体键：

  type B<T extends string> = { [K in T]: number };
  const b: B<'test'> = {'test': 100};
  

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