在经过介绍了 TypeScript-声明文件 之后,本篇文章主要介绍的内容就是声明的安装,其实在编写声明文件的时候又分为好几种,如果你导入的第三方的某个库是一个全局的库的话,那么什么叫全局的库呢,就是这个库当中的所有功能都是绑定到一个全局对象上的这种就称之为全局的库,这种时候就可以参照 TS 官方提供的全局编写模板来进行编写:
如果你导入的这个库可以通过 import 或者 require 来进行使用的话也就是模块化的库,就可以参考下面的几个模板进行编写:
但是呢,在绝大多数的情况下,我们都是不用自己去编写的,对于常用的第三方库, 其实已经有大神帮我们编写好了对应的声明文件,所以在企业开发中, 如果我们需要使用一些第三方 JS 库的时候我们只需要安装别人写好的声明文件即可。
TS 声明文件的规范: @types/xxx
例如: 想要安装 jQuery
的声明文件, 那么只需要 npm install @types/jquery
即可:
那么这里博主就来简单的演示一下 jquery 的声明文件吧,首先安装需要使用的库这里我需要使用 jQuery 我就安装 jQuery:
npm install jquery --save
然后 index.ts 当中导入 jQuery 打印了一下:
const jQuery = require('jquery');
console.log(jQuery);
但是我在使用 jQuery 其它方法的时候发现没有提示:
那么这个时候就需要安装一下它所对应的声明文件即可:
npm install @types/jquery
然后在编写发现就有对应的提示内容了:
最终 index.ts 内容如下:
const jquery = require('jquery');
console.log(jquery(".main").width());
console.log(jquery(".main").height());