打字稿不会触发名为“name”的未初始化对象属性的错误

Question

我在我正在编写的 Typescript 代码上发现了一些奇怪的行为。

打字稿游乐场链接

不知何故，如果属性名称是name ，Typescript 不会为未初始化的属性触发错误：

这是什么？ 这是错误还是什么？

这是value属性的错误：

速记属性“值”的范围内不存在任何值。 要么声明一个，要么提供一个初始化程序。（18004）

interface INTERFACE_A {
    name: string,               // ALSO TRIED WITH OTHER TYPES. SAME RESULT
}

function fooA(x: INTERFACE_A): INTERFACE_A { return x; }

fooA({
    name                        // THIS SHOULD BE AN ERROR (BUT IT'S NOT)
});

const objA: INTERFACE_A = {
    name                        // THIS SHOULD BE AN ERROR (BUT IT'S NOT)
}

interface INTERFACE_B {
    value: string
}

function fooB(x: INTERFACE_B): INTERFACE_B { return x; }

fooB({
    value                       // THIS IS AN ERROR (OK)
});

const objB: INTERFACE_B = {
    value                       // THIS IS AN ERROR (OK)
}

这似乎与 Typescript Playground 无关，因为它也在我的 VSCode 开发环境中发生：

更新：

这可能与string类型的window.name属性有关。 但它的行为仍然与window.innerWidth不同，例如：

如果我使用innerWidth作为string ，TS 会抱怨，但是当我尝试使用window.name作为number时它不会抱怨：

打字稿游乐场链接

Answer 1

{ name }是{ name: name }简写， window.name是内置属性， window属性在浏览器中是全局的，所以name是一个全局属性，相当于window.name 。

实际上，您的代码正在执行以下操作：

fooA({
  name: window.name
})

这是完全有效的（虽然可能不是你想要的）。

Answer 2

对于此类错误的解决方案，ESLint 可以配置为在您使用浏览器全局变量（如name而不显式引用 window 对象（ window.name ）时出现错误

1. 安装 ESLint
2. 为打字稿代码安装 ESLint 和它（ 此处有说明）
3. 安装no-restricted-globals包
4. 将此添加到.eslintrc.js的规则中：

module.exports = {
  // ... other fields omitted
  rules: {
    // ... other rules omitted
    "no-restricted-globals": ["error"].concat(
      require("confusing-browser-globals")
    ),
  },
}