我通过显式设置窗口上的属性为我的对象设置全局名称空间。
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'.
其他回答
如果您需要使用需要使用import的自定义类型来扩展窗口对象，您可以使用以下方法:
window.d.ts
import MyInterface from './MyInterface';
declare global {
interface Window {
propName: MyInterface
}
}
请参阅手册的“声明合并”部分中的全局增强。
要保持动态，只需使用:
(<any>window).MyNamespace
注意，这可能不适用于TSX，因为编译器可能认为<any>是TSX元素。查看与TSX兼容的类型断言的答案。
对于那些想要在窗口对象上设置计算或动态属性的人，你会发现使用declare global方法是不可能的。来阐明这个用例
window[DynamicObject.key] // Element implicitly has an 'any' type because type Window has no index signature
你可以尝试这样做
declare global {
interface Window {
[DyanmicObject.key]: string; // error RIP
}
}
但上面的操作会出错。这是因为在TypeScript中，接口不能很好地使用计算属性，并且会抛出类似于
A computed property name in an interface must directly refer to a built-in symbol
为了解决这个问题，你可以按照建议将窗口转换为<any>
(window as any)[DynamicObject.key]
对于那些使用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'.
创建一个扩展Window的自定义界面，并将自定义属性添加为可选属性。
然后，让customWindow使用自定义接口，但值与原始窗口相同。
它与TypeScript 3.1.3一起工作。
interface ICustomWindow extends Window {
MyNamespace?: any
}
const customWindow:ICustomWindow = window;
customWindow.MyNamespace = customWindow.MyNamespace {}
