面试题：TypeScript与JavaScript类型互操作性之类型声明

Question

在一个JavaScript项目中引入TypeScript文件，有一个JavaScript函数`function add(a, b) { return a + b; }`，现在想在TypeScript文件中调用它并进行类型检查，应该如何为这个JavaScript函数添加类型声明？

Answer 1

1. 在TypeScript中创建类型声明文件（.d.ts）：
   • 通常在项目根目录或与JavaScript文件相同目录下创建一个.d.ts文件，例如jsFuncs.d.ts。
   • 在jsFuncs.d.ts中添加如下内容：

declare function add(a: number, b: number): number;

这里明确声明了add函数接受两个number类型的参数，并返回一个number类型的值。

2. 在TypeScript文件中使用：
   • 假设你的TypeScript文件为main.ts，在main.ts中可以直接调用add函数：

// 假设add函数所在的JavaScript文件已被正确引入
// 例如通过ES6模块引入
import {add} from './yourJsFile.js';

const result = add(1, 2);
console.log(result);

这样在TypeScript环境中调用add函数时，TypeScript编译器就能进行类型检查。