前言
angular2是以typescript语言作为默认编码语言，所以你看到的全部都是.ts结尾的文件。
那什么是typescript
首先，它是一个编译型语言；既然是编译型，那么你像重构、导航、智能提醒这种工具属性就可以发挥出来，所以你会发现使用vs code来写angular简直就是绝配。
同时，typescript还带来一些es6/7才有特性，比如let、const、async等，你无须关心es几。
最霸气，typescript还是一个强类型、泛型、多态等一些面向对象编程的东西。
那，为何我们不选它呢？
当然，说了这么多，这跟主题看似无关，但如果你了解这些，才能看到问题的本质。
首先，第一关键点编译型，既然是编译型，那么你在代码中出现的任何变量、类、函数都是必须要存在，否则ta就会在编译时报错。
但，问题来了，现在的javascript世界中已经有那么多现成的第三方库，难道说都不能用了？非也！
typescript一开始就照顾这些了，所以就会有一个叫.d.ts的声明文件。ms当然不会让你去编写这一个文件，所以就有一个叫 网站，ta汇集了很多现成类库的第三方.d.ts的声明文件提供我们下载。
方法一
当然是使用最正规军了，用命令安装jquery的声明文件。
npm install -d @types/jquery
以及使用
我要评论
import * as $ from 'jquery';
$('body').addclass('');
完美的智能提示，如果你在vs code下的话。
方法二
对于一些并未提供 .d.ts 声明文件的类库，我们怎么办？那当然只能自己写了。
什么？自己写？很困难吧！很复杂吧！
没那么一回事，声明文件其实是对一些类库接口的描述，以下是我截取一段jquery声明文件的部分代码
interface jquerystatic {
/**
* 去掉字符串首尾空格
*
* @param str 字符串
* @see {@link https://api.jquery.com/jquery.trim/}
*/
trim(str: string): string;
}
declare var $: jquerystatic;
我还特意译成中文，这里的含量很少，最关键的就是 declare 它就是把一个变量 $ 定义成类型 jquerystatic （还是个接口）。
这样，ts编译器在遇到 $ 时会去找该类型，并且你的代码里面不能出现 $.time1() 之类的，因为你的接口，只有一个 $.trim() 。
等等，jquery几十个接口，我都要这么写吗？
no！！！当然不是，除非你想写一个又漂亮、又好看、又是中文、又是完美智能提示的声明文件的话。
否则，你那就拿 any 类型吧，ta就是万能货。你不需要写一个很复杂的声明文件，只需要：
declare var $: any;
简单粗暴有效！
结论
哎~其实是因群里每天都可以看到一句【怎么使用jquery】；虽然最简单的结果只需要一句话 declare var $: any;，但我还是啰里吧嗦将了一大堆，可不把前因后果将清楚，我烦~。
另，此解只是抛砖引玉，在很多类库中都是通用的办法。但我建议还是找一些angular2类库来使用，因为如何更有效的管理javascript运行，是一门学问。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家移动技术网的支持。
如对本文有疑问， 点击进行留言回复！！
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
使用 Angular RouteReuseStrategy 缓存（路由）组件的实例代码
分享Angular http interceptors 拦截器使用(推荐)
网友评论