TypeScript如何在每个文件中声明全局变量？

Question

我喜欢定义一个全局可用的助手

global.p = console.log.bind(console)

所以我可以使用p('some message') 而不是console.log('some message')。

但 TypeScript 抱怨 p 未定义。有没有办法告诉 TypeScript 编译器每个文件中都有一个全局变量 p？

Answer 1

我想我知道你想要做什么——你想让 typescript 明白 p 变量是在全局范围内设置的，而不必在每个文件中都设置 import { p } from ...。

如果我没记错的话，你需要做的就是做一个环境声明：

declare const p: (message: string) => void // or whatever

这不必在每个文件中声明。将其放入名为 typings/ 的文件夹中的 d.ts 文件中，然后将该文件包含在您的 tsconfig 中：

"include": [
    "typings/**/*",
    ...
],

注意：您的 d.ts 文件不能导入任何其他模块。但它可以使用在其他 d.ts 文件中声明的其他环境类型，而无需导入它们。如果您导入某些内容，那么 typescript 不会将您的文件视为环境声明并且它将不起作用。

Answer 2

明智的做法是抽象日志记录，这样您的程序中就不会出现直接依赖于console.log 的代码。

你可以声明它已经存在于全局：

declare var p: (message: any, ...additionals: any[]) => void;

但如果你必须把它放在每个文件中，你也可以：

import { p } from './logging';

通过使用您的 console.log 包装器创建一个日志记录模块。

Answer 3

import {Injectable} from '@angular/core';

@Injectable()
export class GlobalStatus {
  private _status : any;
  constructor() {
    this._status = {
      "GlobaConfigVersion": "0.0.0"
    }
  }
  
  getStatusValue(valKey: string): any {
    return this._status[valKey];
  }
  setStatusValue(valKey: string, theStatus: any): any {
    this._status[valKey] = theStatus;
  }
}

这是我用于全局配置的服务。然后我可以通过这种方式设置/获取全局变量：

import { GlobalStatus } from './globalStatus.service';

//setter
this.globalStatus.setStatusValue("yourValue", value)

// getter
this.globalStatus.getStatusValue("yourValue")

Answer 4

如果你只是想告诉 TypeScript 对你的 p 变量没问题，你可以在文件的开头声明它：

declare var p: any;