typescript - 在 TypeScript 中创建一个全局变量

Question

在 JavaScript 中我可以这样做:

 something = 'testing';

然后在另一个文件中:

 if (something === 'testing')

并且它将定义东西(只要它们以正确的顺序被调用)。

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

这是我试过的。

在 .d.ts 文件中:

interface Window { something: string; }

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

 window.something = 'testing';

然后在另一个文件中:

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

这行得通。但我希望能够丢失 window. 的一部分，而只是让我的 something 成为全局的。有没有办法在 TypeScript 中做到这一点？

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

Answer 1

globalThis是 future 。

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

全局范围

如果您的文件没有任何import 或export 行，该文件将在全局范围 中执行> 其中的所有声明在该文件之外都是可见的。

所以我们会像这样创建全局变量:

// 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

All magic come from var. Replace var with let or const won't work.

模块范围

如果你的文件有任何 import 或 export 行，这个文件将在它自己的范围内执行，我们需要通过declaration-merging .

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

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

You can see more about module in official docs