（打字稿）“全局”类型上不存在属性“窗口”

Question

我正在使用 Mocha/Chai 进行单元测试，并且正在模拟 window 如下：

global.window = { innerHeight: 1000, innerWidth: 1000 };

可以理解，TSLint 抱怨说：

“全局”类型上不存在属性“窗口”

几个问题...Global 是内置的 NodeJS/Typescript 类型吗？我目前正在使用文件顶部的declare var global 来消除警告...但这是处理此问题的最佳方法吗？我注意到我还可以通过以下方式解决警告：

declare global {
    namespace NodeJS {
        interface  Global {
            window: any;
        }
    }
}

最好我想扩展现有的Global 类型，使其也接受window 属性。谢谢。

Answer 1

Global 是内置的 NodeJS/Typescript 类型吗？

是的。见@types/node/index.d.ts；在该文件中，他们声明了一个 NodeJS 命名空间，并在其中声明了一个 Global 接口（就像您所做的那样）。

我目前正在使用 declare var global 消除警告

听起来您没有安装 Node 类型（这些类型包括 declare var global: NodeJS.Global; 行，因此您不必自己进行任何此类声明）。运行：

npm install --save-dev @types/node

或者，如果您使用yarn：

yarn add -D @types/node

最好我想扩展现有的Global 类型，使其也接受window 属性。

你大部分时间都在那里。只需将window: any; 替换为window: Window;。注意：您需要在您的tsconfig.json 的lib 部分中包含dom 以提供Window 接口。

您可能很快会发现您还想扩充 Global document 和 navigator（同样，这两个都在 dom 库中定义，因此需要它）：

interface Global {
    document: Document;
    window: Window;
    navigator: Navigator;
}