【TS】TypeScript声明文件:打通JavaScript和TypeScript的桥梁
// 假设我们有一个JavaScript模块`math-utils.js`如下:
// math-utils.js
exports.add = function(a, b) {
return a + b;
};
exports.minus = function(a, b) {
return a - b;
};
// 为了在TypeScript中使用这个模块,我们需要创建一个声明文件`math-utils.d.ts`:
// math-utils.d.ts
export function add(a: number, b: number): number;
export function minus(a: number, b: number): number;
// 现在,当我们在TypeScript文件中引入`math-utils.js`时,IDE和编译器将会知道这些函数的存在和它们的类型:
// main.ts
import { add, minus } from './math-utils';
console.log(add(1, 2)); // 输出: 3
console.log(minus(10, 4)); // 输出: 6
这个例子展示了如何为已存在的JavaScript模块创建一个TypeScript声明文件,以便能够在TypeScript代码中正确地使用这些JavaScript函数。声明文件的好处是它们能够提供类型信息,帮助TypeScript正确地编译和类型检查代码。
评论已关闭