我通过显式设置窗口上的属性为我的对象设置全局名称空间。
window.MyNamespace = window.MyNamespace || {};
TypeScript强调MyNamespace，并抱怨:
属性“MyNamespace”在类型为“window”的值上不存在 任何“
我可以通过将MyNamespace声明为环境变量并删除窗口显式来使代码工作，但我不想这样做。
declare var MyNamespace: any;
MyNamespace = MyNamespace || {};
我如何保持窗口在那里，让TypeScript满意?
作为旁注，我发现特别有趣的是，TypeScript抱怨，因为它告诉我，窗口的类型是any，它肯定可以包含任何东西。
当前回答
对于那些使用Angular CLI的人来说，这很简单:
文件src / polyfills.ts
declare global {
interface Window {
myCustomFn: () => void;
}
}
文件my-custom-utils.ts
window.myCustomFn = function () {
...
};
如果你正在使用IntelliJ IDEA，你还需要在IDE中更改以下设置，然后你的新腻子才会开始:
> File
> Settings
> Languages & Frameworks
> TypeScript
> check 'Use TypeScript Service'.
其他回答
其他大多数答案都不完美。
其中一些只是为了显示而抑制了类型推断。 其他一些只关心全局变量作为名称空间，而不关心接口/类
今天早上我也遇到了一个类似的问题。我在Stack Overflow上尝试了很多“解决方案”，但没有一个完全没有类型错误，并在IDE中启用触发类型跳转(WebStorm或Visual Studio Code)。
最后，从允许模块定义声明为全局变量#3180
我找到了一个合理的解决方案，为同时充当接口/类和名称空间的全局变量附加类型。
例子如下:
// typings.d.ts
declare interface Window {
myNamespace?: MyNamespace & typeof MyNamespace
}
declare interface MyNamespace {
somemethod?()
}
declare namespace MyNamespace {
// ...
}
上面的代码将命名空间MyNamespace和接口MyNamespace的类型合并到全局变量MyNamespace (window的属性)中。
如果您需要使用需要使用import的自定义类型来扩展窗口对象，您可以使用以下方法:
window.d.ts
import MyInterface from './MyInterface';
declare global {
interface Window {
propName: MyInterface
}
}
请参阅手册的“声明合并”部分中的全局增强。
今天我想在Angular(6)库中使用它，我花了一段时间才让它像预期的那样工作。
为了使我的库能够使用声明，我必须对声明全局对象的新属性的文件使用d.ts扩展名。
所以最后，这个文件就变成了这样:
/ path-to-angular-workspace / angular-workspace /项目/ angular-library / src / globals.d.ts
创建后，不要忘记在public_api.ts中公开它。
这对我很有帮助。
如果你使用的是TypeScript 3。X，你可以在其他答案中省略声明全局部分，而只是使用:
interface Window {
someValue: string
another: boolean
}
当我使用TypeScript 3.3、Webpack和TSLint时，这种方法很有效。
使用
window["MyNamespace"] = window["MyNamespace"] || {};
应该是正确的，因为它使用了一个字符串属性，但如果你真的想有一个分离的窗口和组织你的代码，你可以扩展窗口对象:
interface MyNamespacedWindow extends Window {
MyNamespace: object;
}
declare var window: MyNamespacedWindow;
