typescript 全局变量设置

在 TypeScript 中，全局变量可以通过以下几种方式进行设置：

（图片来源网络，侵删）

1、在文件的顶层声明变量：

// globalVar.ts
let globalVar: string = "Hello, World!";

2、使用 declare global 关键字声明全局变量：

// globalVar.d.ts
declare var globalVar: string;

3、使用 window 对象（浏览器环境）或 global 对象（Node.js 环境）作为全局变量容器：

// globalVar.ts
window.globalVar = "Hello, World!"; // 浏览器环境
global.globalVar = "Hello, World!"; // Node.js 环境

4、在 tsconfig.json 文件中设置 "compilerOptions" 的 "declaration" 和 "outDir" 选项，将全局变量声明输出到单独的文件：

{
  "compilerOptions": {
    "declaration": true,
    "outDir": "./dist",
    "rootDir": "./src"
  },
  "include": ["src"]
}

5、创建 globalVar.d.ts 文件，声明全局变量的类型：

// globalVar.d.ts
declare var globalVar: string;

6、在需要使用全局变量的文件中，通过 /// <reference path="globalVar.d.ts" /> 引用全局变量的类型声明文件：

/// <reference path="globalVar.d.ts" />
console.log(globalVar); // 输出 "Hello, World!"

云主机测评网