typescript中引用JavaScript函数
在TypeScript中,你可以直接引用JavaScript文件中定义的函数,并且TypeScript会为这些函数提供适当的类型。以下是一个简单的例子:
- 假设你有一个JavaScript文件
mathUtils.js
,其中定义了一个函数:
// mathUtils.js
exports.add = function(a, b) {
return a + b;
};
- 在TypeScript文件中,你可以引用这个JavaScript函数,并且TypeScript会推断出
add
函数的类型:
// main.ts
/// <reference path="mathUtils.js" />
function add(a: number, b: number): number {
return mathUtils.add(a, b);
}
console.log(add(1, 2)); // 输出: 3
在这个例子中,mathUtils.add
函数被正确地引用,并且在TypeScript中被当作 number
函数处理。
如果你使用的是ES6模块,那么你可以使用 import
语句来引入JavaScript中的函数:
// mathUtils.js
export function add(a, b) {
return a + b;
};
// main.ts
import { add } from './mathUtils';
console.log(add(1, 2)); // 输出: 3
在这个例子中,TypeScript会根据JavaScript函数的实现来推断 add
的类型。
评论已关闭