javascript - 类型 'entries' 上不存在属性 'ObjectConstructor'

Question

我正在研究 ng2 实现。我正在使用以下函数调用将对象转换为数组:

var authors = Object.entries(responseObject.Authors);

这是一个标准的js函数。但是，ts 编译器返回以下错误:

"Property 'entries' does not exist on type 'ObjectConstructor'"

基于快速谷歌，似乎解决方案可能是将 compilerOptions 目标属性从 es5 更改为 es6。然而，在对上一个问题进行一些研究之后，我认为我可以通过在下面的 tsconfig.json 中包含额外的“lib”属性来利用 es6 功能:

  "compilerOptions": {
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "module": "commonjs",
    "noEmitOnError": true,
    "noImplicitAny": false,
    "outDir": "../Scripts/",
    "removeComments": false,
    "sourceMap": true,
    "target": "es5",
    "moduleResolution": "node",
    "lib": [
      "es2015",
      "dom"
    ]
  }

我还尝试将目标属性更改为 es2015，然后重建项目并执行“typescriptUsingTsConfig”，但我仍然遇到相同的错误。知道我可以在这里做什么来利用 Object.entries() 函数吗？

Answer 1

您说的很对，更改 target 是错误的方法，更改 lib 是正确的方法，但是您指定了错误的语言版本。 According to MDN , Object.entries 正式加入 ES2017 规范。

"lib": ["es2017"]

因此是您必须指定的*。

如果您希望仅添加在 ES2017 中添加的 Object 函数的方法声明，TypeScript 允许您指定a more granular value .

"lib": ["es2017.object"]

正如 Alexander Bird 所指出的，默认情况下，"lib" 选项的隐式值取决于为 "target" 指定的值(如果存在)。

例如:

"target": "es2017"

将导致默认包含相应前缀的"lib.*"，除非显式指定"lib"。

请注意，您可能希望添加实现本身的 polyfill，such as the this one , 以确保这在较旧的运行时中有效。

注意:作为替代方案，您可以指定任何更高版本

"lib": ["es2020"]

或者自然而然

"lib": ["esnext"] 

这最后一个将包括 TypeScript 语言已知的最新标准库功能的声明。由于它代表一个移动的目标，因此应谨慎使用此选项，因为根据定义，对所有相应的运行时进行 polyfill 是一项复杂的任务，需要进行研究，并且可能涉及根据目标运行时加载不同的 polyfill。

此外，"lib" 选项的数组性质允许您组合多个值以匹配您的运行时。例如，要将支持 es2015 的 Web 浏览器与 polyfill 提供的这些对象方法相匹配，您可以编写

"lib": ["es2015", "es2017.object", "dom"]

参见 TypeScript Handbook了解更多详情。

注意:一些评论者问为什么更改 --target 而不是 --lib 是错误的，因为两者都会启用类型检查代码？原因是 --target 改变了代码的转译方式。例如，"target": "es2017" 表示 async 函数不会针对较旧的运行时进行转换。这是不正确的，因为其目的是启用附加库的使用，而不是更改输出语法，因此区分语法特征和库特征很重要。