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

声明语句

假如我们使用第三方库 jQuery,来获取一个元素
但是在 ts 中,编译器并不知道 $jQuery是什么东西
这时,我们需要使用 declare var 来定义它的类型,declare var 并没有真的定义一个变量,只是定义了全局变量 jQuery 的类型,仅仅会用于编译时的检查,在编译结果中会被删除。

  1. declare var jQuery: (selector: string) => any;
  2. jQuery('#foo');

声明文件

通常我们会把声明语句放到一个单独的文件(xxx.d.ts)中,这就是声明文件,声明文件必需以 .d.ts 为后缀。
一般来说,ts 会解析项目中所有的 *.ts 文件,当然也包含以 .d.ts 结尾的文件。所以当我们将 jQuery.d.ts 放到项目中时,其他所有 *.ts 文件就都可以获得 jQuery 的类型定义了

第三方声明文件

社区已经帮我们定义好了很多第三方库的声明文件,可以直接下载下来使用,更推荐使用 @types 统一管理第三方库的声明文件。@types 的使用方式很简单,直接用 npm 安装对应的声明模块即可

  1. npm install @types/jquery --save-dev