如何在TypeScript中显式地设置window的新属性?

我通过显式设置窗口上的属性为我的对象设置全局名称空间。

window.MyNamespace = window.MyNamespace || {};

TypeScript强调MyNamespace，并抱怨:

属性“MyNamespace”在类型为“window”的值上不存在任何“

我可以通过将MyNamespace声明为环境变量并删除窗口显式来使代码工作，但我不想这样做。

declare var MyNamespace: any;

MyNamespace = MyNamespace || {};

我如何保持窗口在那里，让TypeScript满意?

作为旁注，我发现特别有趣的是，TypeScript抱怨，因为它告诉我，窗口的类型是any，它肯定可以包含任何东西。

当前回答

全局变量是“邪恶的”:)我认为拥有可移植性的最好方法是:

首先导出接口:(例如，./custom.window.ts)

export interface CustomWindow extends Window {
    customAttribute: any;
}

第二，导入

import {CustomWindow} from './custom.window.ts';

第三，使用CustomWindow强制转换全局变量窗口:

declare let window: CustomWindow;

通过这种方式，你也不会在不同的IDE中有红线，如果你使用它与窗口对象的存在属性，所以在最后尝试:

window.customAttribute = 'works';
window.location.href = '/works';

用TypeScript 2.4测试。X和最新!

2017-07-27 13:28:39

其他回答

从TypeScript ^3.4.3开始，这个解决方案不再有效

还是……

你可以输入:

window['MyNamespace']

你不会得到一个编译错误它和输入window。mynamespace是一样的。

2012-11-20 19:36:21

使用slvelte还是TSX?其他的答案都对我不起作用。

以下是我所做的:

(window as any).MyNamespace

2016-08-15 23:25:22

其他大多数答案都不完美。

其中一些只是为了显示而抑制了类型推断。其他一些只关心全局变量作为名称空间，而不关心接口/类

今天早上我也遇到了一个类似的问题。我在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的属性)中。

2017-05-19 03:26:24

// In typings.d.ts(is Global)
export declare global {
    interface Window {
        __PUBLIC__: string;
    }
}

2022-01-27 03:44:28