开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第21天,点击查看活动详情
TS 描述文件声明
Typescript 作为javascript的超级,在开发过程中不可避免要引入其他第三方的javaScript的库,虽然通过直接引入可以调用库的类和方法,但是却无法使用Typescript诸如类型检查等特性功能,为了解决这个问题,需要将这个写类库的函数和方法去掉后保留导出类型声明,而产生一个描述JavaScript库和模块信息的声明文件,通过引入这个声明文件,就可以借用Typescript的各种特性来使用库文件了。 假如我们想使用的第三方库,比如JQuery等等 声明文件以.d.ts为后缀,如:hello.d.ts 声明文件或模块的语法格式如下:declare module Module_Name() 在模版同级目录创建一个test.js
const myName = '2323';
然后在模板里使用script脚本导入
<script src="./test.js"></script>
按照逻辑,我们可以在index.ts中使用myName这个变量了,但是如果我们使用一下,直接报错了, 我们必须创建一个test.d.ts文件,在里面仅仅是声明一下myName,就可以了,这会ts中使用myName就不会报错了
declare let myName:string
很多流行的第三方库的声明文件不需要我们定义 比如使用jquery
npm isntall jquery
然后在inde.ts里使用$是会报错的,但是jquery声明文件怎么写?我们不用考虑,因为社区已经给写好了,我们直接安装就可以使用了
npm install @types/jquery
很多出名的库,都是已经有写好的声明文件了 举例:安装vue3_ts并与vue3_js对比
创建一个vue_js项目 vue create 项目名 创建一个vue_ts项目 vue create 项目名 创建一个vue_vite_ts项目 npm init vite@latest
就是多个ts.config.js
但是ts 里有代码提示,如果一些配置配错可以直接被ts检测出来,而js,只能在运行时发现错误,效率很低