.d.ts 后缀文件的作用

一、提供类型信息

1. 对于外部库和模块

当使用的 JS 库没有 TS 类型定义，`.d.ts` 文件可以为这些库提供类型信息，使 TS 能进行类型检测和智能提示。

例如：使用 jQuery 时，可以安装 jQuery 的类型定义文件（`@types/jquery`）

import $ from "jquery";



$(".element").hide(); // TypeScript 可以根据类型定义文件知道 `$` 代表 jQuery 对象，并提供相应的方法提示

2. 自定义模块

自定义的 JS 模块，要想使用 TS 类型检查，可以为其创建 `.d.ts` 文件。

例如：自定义的 `myModule.js`，可以创建 `myModule.d.ts` 文件来定义其类型

// myModule.d.ts

declare function myFunction(arg: number): string;



export default myFunction;

// myModule.js

function myFunction(arg) {

  return arg.toString();

}



module.exports = myFunction;

二、增强开发体验

1. 提高代码可读性

有了类型定义文件，代码更加清晰易读。开发人员可以快速了解函数、变量和对象的类型，减少因类型不明确而导致的错误。

2. 智能提示和自动补全

TypeScript 编辑器可以利用类型定义文件提供智能提示和自动补全功能。这大大提高了开发效率，减少了手动输入和记忆函数名称和参数的负担。

三、促进代码维护和协作

1. 类型安全

类型定义文件确保在项目中使用的外部库和模块具有明确的类型，减少了因类型不匹配而导致的运行时错误。这有助于提高代码的稳定性和可靠性，降低维护成本。

2. 可扩展性

如果外部库或模块的版本更新，只需要更新相应的类型定义文件，而不需要对项目中的所有代码进行大规模的修改。这使得项目更容易维护和升级。