使用字符串类型参数访问枚举时出现 TypeScript TS7015 错误

Question

我是 TypeScript 的新手，我不明白我需要做什么来修复生成 TS7015 错误的行（使用字符串变量引用枚举成员），因为紧随其后的行没有错误（引用使用字符串文字的枚举成员）：

enum State {
    Happy = 0,
    Sad = 1,
    Drunk = 2
}

function Emote(enumKey:string) {
    console.log(State[enumKey]); // error TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'.
    console.log(State["Happy"]); // no error
}

"noImplicitAny": true设置在项目的tsconfig.json中检测到错误

在项目的tsconfig.json中设置"noImplictAny": false未检测到错误

我正在编译 "ntypescript": "^1.201603060104.1"

我现在正在使用"tsc": "1.8.10"进行编译

C:>npm install -g typescript

`-- typescript@1.8.10

验证安装：

C:\>tsc --version

Version 1.8.10

这是我的tsconfig.json 文件：

{
  "compileOnSave": true,
  "compilerOptions": {
    "target": "ES5",
    "module": "System",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": true,
    "noImplicitAny": true,
    "sourceMap": true,
    "mapRoot": "map/",
    "diagnostics": true
  },
  "exclude": [
    "node_modules",
    "typings"
  ]
}

这是编译器的输出：

C:\>tsc

test.ts(8,17): error TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'.

Answer 1

我怀疑这与 TS 1.8.x 在这些情况下对字符串文字的新支持有关。 TS 碰巧知道“Happy”是一个有效的字符串索引，但它不知道enumKey 是否会是。您可以通过将其转换为 <any> 来修复它，如下所示：

function Emote(enumKey:string) {
    console.log(State[enumKey]); // error TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'.
    console.log(State["Melancholy"]); // error TS7015: Element implicitly has an 'any' type because index expression is not of type 'number'.
    console.log(State["Happy"]); // no error
    console.log(State[<any>enumKey]); // no error
    console.log(State[<any>"Melancholy"]); // no error
}

（顺便说一句，我认为这是新的：我无法在 1.8.9 中重现此错误，但一旦升级到 1.8.10，我就可以了。）

另外有趣的是，我本来希望这可以在没有错误的情况下工作，但事实并非如此：

function TypedEmote(enumKey:'Happy'|'Sad'|'Drunk'){
    console.log(State[enumKey]);
}

一定是关于我不理解的 TS 规范的某些内容，或者他们可能还没有解决这个问题。

Answer 2

var stateName = "Happy"
var state = <State>parseInt(State[<any>stateName]);

为了让编译器满意，我必须这样做

Answer 3

您可以使用编译器选项来防止此错误，而不会丢失整个严格的空检查

"suppressImplicitAnyIndexErrors": true

https://www.typescriptlang.org/tsconfig#suppressImplicitAnyIndexErrors

Answer 4

如果您使用的是 TypeScript 2.1+，您可以将 enumKey 的类型更改为 keyof typeof State，如下所示：

function Emote(enumKey: keyof typeof State) {...}

或者，如果函数的输入需要是string，则：

var state : State = State[enumKey as keyof typeof State];

解释：

因为enumKey 是任意的string，TypeScript 不知道enumKey 是否是State 的成员的名称，所以会产生错误。 TypeScript 2.1 引入了 keyof 运算符，它返回一个类型的已知公共属性名称的联合。使用keyof 可以让我们断言该属性确实在目标对象中。

然而，当你创建一个枚举时，TypeScript 实际上会生成一个 type（通常是 number 的子类型）和一个 value（枚举对象）您可以在表达式中引用）。当您编写keyof State 时，您实际上将获得number 的文字属性名称的联合。要获取枚举对象的属性名称，您可以使用keyof typeof State。

来源：

https://github.com/Microsoft/TypeScript/issues/13775#issuecomment-276381229 https://www.typescriptlang.org/docs/handbook/enums.html#enums-at-compile-time