如何在遗留JavaScript文件中使用TypeScript类的常量？

步骤1：配置TypeScript编译参数 #

创建tsconfig.json文件，确保编译后的代码能被JavaScript兼容读取：

{
  "compilerOptions": {
    "target": "ES5",
    "module": "CommonJS",
    "outDir": "./dist",
    "declaration": false
  },
  "include": ["./src/**/*"]
}

步骤2：编写TypeScript常量类 #

在src/constants.ts中写入你定义的类：

export class ExampleConstantsClass {
  static readonly exampleConst = 1;
}

步骤3：编译TypeScript代码 #

在终端运行编译命令，生成可被JS调用的文件：

tsc

编译完成后，dist/constants.js会生成对应的JavaScript代码。

步骤4：在遗留JavaScript文件中调用 #

假设你的JS文件是legacy.js，通过require导入编译后的模块，然后使用：

const { ExampleConstantsClass } = require('./dist/constants');

function exampleFunction() {
  return ExampleConstantsClass.exampleConst;
}

// 测试调用
console.log(exampleFunction()); // 输出 1

如果你的项目支持ES模块（比如浏览器环境或配置了package.json的"type": "module"），可以用ES导入语法：

import { ExampleConstantsClass } from './dist/constants.js';

function exampleFunction() {
  return ExampleConstantsClass.exampleConst;
}

内容的提问来源于stack exchange，提问作者Zigzagas