目录
简介
我们发现今天所有的JS应用都会引入许多第三方库来完成任务需求。这些第三方库无论是否是TS编写的最终都会编译成JS代码给开发者使用。我们知道TS提供了类型才有了代码提示和类型保护机制，但我们引入的第三方库都会有相应的TS类型。这些类型就是 “类型声明文件” 为已存在的JS库提供类型信息。
文件类型
TS中有两种文件类型：.ts文件 和 .d.ts文件。
.ts文件：既包含类型信息又可执行代码，可以被编译为 .js 文件，然后执行代码。是编写程序代码的文件。
.d.ts文件：只包含类型信息的类型声明文件，不会生成 .js 文件，仅用于提供类型信息。是为JS提供类型信息的文件。
类型声明文件使用
在使用TS开发项目时，类型声明文件的使用包括以下两种方式：
使用已有的类型声明文件：
内置类型声明文件：TS为JS运行时可用的所有标准化内置API都提供了声明文件。例如在使用数组时，数组所有方法都会有相应的代码提示以及类型信息：
第三方库的类型声明文件：目前几乎所有常用的第三方库都有相应的类型声明文件。第三方库的类型声明文件有以下两种存在形式：
库自带类型声明文件：例如npm 下载的 axios ，正常导入该库，TS就会自动加载库自己的类型声明文件，以提供该库的类型声明。
由DefinitelyTyped提供：
DefinitelyTyped是一个github仓库，用来提供高质量的TS类型声明，可以通过 npm/yarm 来下载该仓库提供的TS类型声明包，这些包的名称格式为：@types/*。比如 @type/react、@type/lodash等。注意：在实际项目开发中，如果你使用的第三方库没有自带的声明文件，VScode会给出明确的提示。当安装 @type/* 类型声明包后，TS也会自动加载该类声明包，以提供该库的类型声明。
创建自己的类型声明文件：
项目内共享类型：如果多个 .ts文件中都用到同一个类型，此时可以创建 .d.ts文件提供该类型，实现类型共享。
为已有的JS文件提供类型声明：这种方式有两种情况，一种是在将 JS 项目迁移到 TS 项目时，为了让已有的 .js文件有类型声明；另一种是成为库作者，创建库给其他人使用。
在TS项目中也可以使用.js文件，在导入.js文件时TS会自动加载与.js同名的.d.ts文件，以提供类型声明。declare关键字：用于类型声明，为.js文件已存在的变量声明类型，而不是创建一个新的变量。而对于type、interface等这些明确就是TS类型，可以省略declare关键字。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/140017.html
