如何从JavaScript文件调用TypeScript函数？含get函数调用问题

嘿，我来帮你搞定这两个问题！

1. 是否可以从JavaScript文件调用TypeScript函数？ #

完全可以！不过有个关键前提：TypeScript代码必须先编译成JavaScript——毕竟浏览器和Node.js本身都无法直接识别TS语法。只要你把TS代码编译成符合项目模块规范的JS，再通过正确的导入方式，JS就能轻松调用TS里的函数。

2. 如何让TS中的get函数在JS文件中正常调用？ #

你提到加了static和public没成功，其实问题出在对TS修饰符的理解和导出方式上：public是TS默认的访问修饰符，编译成JS后会被完全移除，对JS调用没有实际影响；static只有用在类的成员上才有效，如果是普通函数加static反而会报错。下面给你几种可行的实现方案：

方案一：导出普通独立函数（非类成员） #

如果你的get函数不属于任何类，直接导出即可：

// 你的TS文件（比如dataHandler.ts）
export function get() {
  return "从TS普通函数返回的数据";
}

编译后生成dataHandler.js，然后在JS文件中这样调用：

// 如果是Node.js/CommonJS环境
const { get } = require('./dataHandler');

// 如果是ES模块环境（比如用Vite、Webpack或浏览器原生ES模块）
import { get } from './dataHandler.js';

console.log(get()); // 正常调用

方案二：如果get是类的静态方法 #

如果get是类的一部分，并且你想不用实例化就调用，那static是正确的选择，但要确保类本身被导出：

// 你的TS文件（比如ApiClient.ts）
export class ApiClient {
  static get() {
    return "从TS类的静态get方法返回的数据";
  }
}

JS文件中调用方式：

const { ApiClient } = require('./ApiClient');
// 或ES模块：import { ApiClient } from './ApiClient.js';

console.log(ApiClient.get()); // 通过类名直接调用静态方法

方案三：如果get是类的实例方法 #

如果get需要依赖类的实例状态，那不能用static，得先实例化类再调用：

// 你的TS文件（比如DataStore.ts）
export class DataStore {
  // public是默认修饰符，写不写都一样，编译后会被移除
  get() {
    return "从TS类的实例get方法返回的数据";
  }
}

JS文件中调用方式：

const { DataStore } = require('./DataStore');
// 或ES模块：import { DataStore } from './DataStore.js';

const store = new DataStore(); // 先实例化类
console.log(store.get()); // 调用实例方法

额外注意事项 #

• 检查你的tsconfig.json配置：确保module选项和项目的模块系统匹配（比如Node.js用CommonJS，前端项目用ESNext），这样编译后的JS文件才能被正确导入。
• 如果是浏览器环境，直接用ES模块的话，记得在HTML的<script>标签里加type="module"属性。

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