typescript给window/global多声明一个属性

在一般的编程过程中，我比较喜欢在全局变量声明一个程序使用的配置的对象属性，为了避免冲突，我一般都在这个对象属性再做扩展，例如下面的格式

window.CONFIG = {}
window.CONFIG.api = 'http://csdn.com/api'

在 TypeScript 中，如果你需要在全局对象 window 上添加一个自定义属性，可以使用模块化的方式来声明它。

模块化允许您在文件中定义自己的私有范围。您可以使用独立的文件或 export 语句来导出该属性，然后在需要它的代码中导入它。

例如，假设你需要在 window 对象上声明一个名为 myProperty 的属性，并将其设置为字符串类型：

// 在一个单独的文件中添加以下内容
export {};

declare global {
  interface Window {
    myProperty: string;
  }
}

// 在另一个地方使用
window.myProperty = "Hello World!";

在上面的代码中，我们通过创建一个空的导出对象来告诉 TypeScript 这是一个模块文件。然后我们声明了一个扩展的全局接口：Window，并添加了一个名为 myProperty 的属性。最后，我们可以在任何需要的地方使用该属性，就像在全局上声明的属性一样。

需要注意的是，在多人协作的项目中，请不要随意给全局对象添加属性，这会导致代码的可维护性较差。如果需要定义一些公共 API，在 TypeScript 中推荐使用模块化开发。

在Node.js中，没有全局的 window 对象，因此无法直接将属性附加到 window 上。

相反，您可以通过 global 对象来访问全局作用域。但是，与 window 不同，global 对象上的属性在不同的环境中可能会有所不同，并且可能会发生变化，因此应该小心使用。

在Node.js中，您可以使用以下语法将属性添加到 global 对象：

declare global {
  namespace NodeJS {
    interface Global {
      myCustomProperty: string;
    }
  }
}

global.myCustomProperty = "Hello World!";

这样就在 global 对象命名空间中定义了一个新的全局属性 myCustomProperty，并在之后将其分配为 "Hello World!"。在整个Node.js进程中，您现在可以使用 global.myCustomProperty 访问该属性。

需要注意的是，在Node.js的应用程序中，在任何需要使用全局属性时，应该优先考虑使用模块化架构，而不是直接扩展全局对象。这能使代码更加模块化和可维护。

标签