15、TS的声明文件

本文介绍了TypeScript的声明文件,其主要作用是为JavaScript代码提供类型声明。声明文件可以放置在特定目录或`@types`文件夹中,可以通过自动生成或手动编写。对于已存在的JS库,可以创建声明文件以在TS中实现类型检查。发布时,若项目使用TS,可通过`tsc`打包并按npm方式发布;若为其他库编写声明文件,可遵循一定的流程提交到开源项目。
摘要由CSDN通过智能技术生成

有一些写好的库, 但是并不是使用 TS 编写的为了可以获取 TS 的类型检查, 可以为该库编写声明文件 Jquery 就是这样做的

什么是声明文件

.d.ts 结尾的文件就是声明文件

声明文件有什么作用

为 JS 代码提供类型声明

声明文件的位置

  • 放置到 tsconfig.json 文件中的 include 配置目录中

  • 放置到 ```node_modules/@types 文件夹中

  • 手动配置 tsconfig.json 中的 compilerOptions.typeRoots 选项, 配置申明文件的目录(如果写了该配置, 上面两个的配置就失效了)

  • 于 js 代码所在目录相同, 并且文件名也相同的文件

如何编写声明文件

自动生成

项目是使用 ts 编写的, 在发布(编译)之后是 js 文件

如果发布的 js 文件需要被其他开发者使用, 就可以使用声明文件来描述发布 js 文件中的类型, 就可以在 tsconfig.json 文件中配置 compilerOptions.declaration : true 配置好之后再次编译ts文件就会自动生成声明文件

手动编写

手动编写主要用于对已经使用 js 开发好的库(Jquery) 不需要在使用 ts 在开发一次, 如要在 ts 中使用并且获得类型检查就可以手动编写声明文件

手动书写一下声明文件</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值