声明文件简介

typescript中以.d.ts为后缀的文件被称为声明文件

当使用第三方库时，我们需要引用它的声明文件，才能获得对应的代码补全、接口提示等功能

声明文件分为三种类型

1. typescript内置声明文件
2. 第三方声明文件
3. 自定义声明文件

什么是声明语句

假如我们想使用第三方库 jQuery，一种常见的方式是在 html 中通过 <script> 标签引入 jQuery，然后就可以使用全局变量 $ 或 jQuery 了

xxxxxxxxxx
$('#foo');
// or
jQuery('#foo');

但是在 ts 中，编译器并不知道 $ 或 jQuery 是什么东西

xxxxxxxxxx
jQuery('#foo');
// ERROR: Cannot find name 'jQuery'.

这时，我们需要使用 declare var 来定义它的类型

xxxxxxxxxx
declare var jQuery: (selector: string) => any;

jQuery('#foo');

declare var 并没有真的定义一个变量，只是定义了全局变量 jQuery 的类型，仅仅会用于编译时的检查

什么是声明文件

通常我们会把声明语句放到一个单独的文件（jQuery.d.ts）中，这就是声明文件

xxxxxxxxxx
//jQuery.d.ts
declare var jQuery: (selector: string) => any;

xxxxxxxxxx
// index.ts
jQuery('#foo');

温馨提示

声明文件必需以 .d.ts 为后缀