我通过显式设置窗口上的属性为我的对象设置全局名称空间。
window.MyNamespace = window.MyNamespace || {};
TypeScript强调MyNamespace，并抱怨:
属性“MyNamespace”在类型为“window”的值上不存在 任何“
我可以通过将MyNamespace声明为环境变量并删除窗口显式来使代码工作，但我不想这样做。
declare var MyNamespace: any;
MyNamespace = MyNamespace || {};
我如何保持窗口在那里，让TypeScript满意?
作为旁注，我发现特别有趣的是，TypeScript抱怨，因为它告诉我，窗口的类型是any，它肯定可以包含任何东西。
当前回答
创建一个扩展Window的自定义界面，并将自定义属性添加为可选属性。
然后，让customWindow使用自定义接口，但值与原始窗口相同。
它与TypeScript 3.1.3一起工作。
interface ICustomWindow extends Window {
MyNamespace?: any
}
const customWindow:ICustomWindow = window;
customWindow.MyNamespace = customWindow.MyNamespace {}
其他回答
供参考(这是正确答案):
在。d里面。Ts定义文件
type MyGlobalFunctionType = (name: string) => void
如果你在浏览器中工作，你可以通过重新打开window的界面将成员添加到浏览器的窗口上下文:
interface Window {
myGlobalFunction: MyGlobalFunctionType
}
Node.js也是这样:
declare module NodeJS {
interface Global {
myGlobalFunction: MyGlobalFunctionType
}
}
现在你声明根变量(它将实际存在于window或global上):
declare const myGlobalFunction: MyGlobalFunctionType;
然后在一个普通的.ts文件中，但作为副作用导入，你实际上实现了它:
global/* or window */.myGlobalFunction = function (name: string) {
console.log("Hey !", name);
};
最后在代码库的其他地方使用它，使用:
global/* or window */.myGlobalFunction("Kevin");
myGlobalFunction("Kevin");
首先，您需要在当前 范围。因为TypeScript想知道对象的类型 对象。由于窗口对象是在其他地方定义的，所以不能重新定义它。
但你可以按以下方式申报:
declare var window: any;
这将不会重新定义窗口对象，也不会创建另一个名为window的变量。这意味着窗口是在其他地方定义的，您只是在当前作用域中引用它。
然后你可以通过以下方式引用你的MyNamespace对象:
window.MyNamespace
或者你可以在窗口对象上简单地设置新属性:
window.MyNamespace = MyObject
现在TypeScript不会抱怨了。
今天我想在Angular(6)库中使用它，我花了一段时间才让它像预期的那样工作。
为了使我的库能够使用声明，我必须对声明全局对象的新属性的文件使用d.ts扩展名。
所以最后，这个文件就变成了这样:
/ path-to-angular-workspace / angular-workspace /项目/ angular-library / src / globals.d.ts
创建后，不要忘记在public_api.ts中公开它。
这对我很有帮助。
对于那些使用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'.
如果你使用的是TypeScript 3。X，你可以在其他答案中省略声明全局部分，而只是使用:
interface Window {
someValue: string
another: boolean
}
当我使用TypeScript 3.3、Webpack和TSLint时，这种方法很有效。
