TypeScript报错‘Element implicitly has an any type’解析及修复方法

错误含义解析 #

这个TypeScript错误表示：用string类型的表达式去索引{}类型的对象时，由于空对象类型没有定义接受string参数的索引签名，被赋值的元素会被隐式推断为any类型，触发类型检查错误。

报错代码示例 #

const foo = {};

['bar', 'baz'].forEach((word) => {
    foo[word] = []
});

这段代码会触发上述错误。

修复方案 #

• 明确类型注解（推荐）
  给foo定义包含字符串索引签名的类型，明确指定值的类型：

  const foo: { [key: string]: any[] } = {};
  
  ['bar', 'baz'].forEach((word) => {
      foo[word] = []
  });
  

  如果知道具体键名，还可以定义更精确的类型，避免不必要的宽泛索引：

  type FooType = {
    bar?: any[];
    baz?: any[];
  };
  const foo: FooType = {};
  
  ['bar', 'baz'].forEach((word) => {
      foo[word as keyof FooType] = []
  });
  

• 使用类型断言
  在赋值时直接断言对象类型，告知TypeScript该对象支持字符串索引：

  const foo = {};
  
  ['bar', 'baz'].forEach((word) => {
      (foo as { [key: string]: any[] })[word] = []
  });
  

• 利用Record工具类型
  用TypeScript内置的Record类型快速定义键值对结构：

  const foo: Record<string, any[]> = {};
  
  ['bar', 'baz'].forEach((word) => {
      foo[word] = []
  });
  

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