当前位置:首页 > 行业动态 > 正文

typescript 全局变量设置

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

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

typescript 全局变量设置

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

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

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

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

typescript 全局变量设置

// 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 文件,声明全局变量的类型:

typescript 全局变量设置

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

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

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