在TypeScript中创建全局变量

Question

在JavaScript中，我可以这样做：

 something = 'testing';

然后在另一个文件中：

 if (something === 'testing')

它将定义某些东西（只要它们以正确的顺序被调用）。

我似乎不知道如何在TypeScript中做到这一点。

这就是我尝试过的。

在.d.ts文件中：

interface Window { something: string; }

然后在我的main.ts文件中：

 window.something = 'testing';

然后在另一个文件中：

 if (window.something  === 'testing')

这是有效的。但是我希望能够丢失窗口。部分，只需要让我的东西成为全局的。有没有办法在TypeScript中做到这一点？

（如果有人感兴趣，我确实在尝试为我的应用程序设置日志记录。我希望能够从任何文件调用log.Debug，而无需导入和创建对象。）




Answer 1

我就是这样修复的：

步骤：

1. 声明了一个全局命名空间，例如custom.d.ts，如下所示：

js prettyprint-override">declare global {
    namespace NodeJS {
        interface Global {
            Config: {}
        }
    }
}
export default global;

"typeRoots": ["src/types/custom.d.ts" ]

console.log(global.config)

注:

>

在我的例子中，要求是在启动应用程序之前设置全局变量，并且该变量应该访问整个依赖对象，以便我们能够获得所需的配置属性。

希望这有帮助！

非常感谢。

Answer 2

这就是未来。

首先，TypeScript文件有两种作用域

如果您的文件没有任何导入或导出行，则此文件将在全局范围内执行，其中的所有声明都在此文件之外可见。

因此，我们将创建如下全局变量：

// xx.d.ts
declare var age: number

// or 
// xx.ts
// with or without declare keyword
var age: number

// other.ts
globalThis.age = 18 // no error

所有的魔法都来自var。将var替换为let或const将不起作用。

如果您的文件有任何导入或导出行，则此文件将在其自身范围内执行，我们需要通过合并声明来扩展全局范围。

// xx[.d].ts
declare global {
  var age: number;
}

// other.ts
globalThis.age = 18 // no error

您可以在官方文档中查看有关模块的更多信息

Answer 3

在.d.ts定义文件中

type MyGlobalFunctionType = (name: string) => void

如果在浏览器中工作，则会将成员添加到浏览器的窗口上下文中：

interface Window {
  myGlobalFunction: MyGlobalFunctionType
}

NodeJS也有同样的想法：

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");