typescript 全局变量设置

在 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!"

原创文章,作者:未希,如若转载,请注明出处:https://www.kdun.com/ask/476447.html

(0)
未希新媒体运营
上一篇 2024-04-15 03:48
下一篇 2024-04-15 03:50

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

云产品限时秒杀。精选云产品高防服务器,20M大带宽限量抢购  >>点击进入