typescript中.d.ts文件以及模块注意点

菜鸟教程:.d.ts文件是什么?
stackoverflow: .d.ts文件是什么?它是怎么和js文件映射的?
知乎:node包的.d.ts映射——@types:
本篇主要记录.d.ts文件的作用还有它是怎么与js文件映射的。
.d.ts文件该怎么写,这个ts的官网和很多博客都已经写得十分十分详细了,这里也就没有记录

另外大家要谨记:
TypeScript与ECMAScript 2015一样,任何包含顶级import或者export的文件都被当成一个模块。相反地,如果一个文件不带有顶级的import或者export声明,那么它的内容被视为全局可见的(因此对模块也是可见的)(全局就是以tsconfig.json文件为根目录的所有文件都能访问到)

上面这句话能解释为什么有时候没有引用某个.d.ts文件,但是在该.d.ts文件内部的类型定义在其它文件中仍然能检测得到,这是因为该.d.ts文件定义的类型已经变成全局的了;同时也能解释typescript官网哪些花里胡哨的模块写法了——有时候明明没有引用某个文件,但是该文件里面用declare module定义的模块却能被import。这都是由于它们的作用域在全局的原因。

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
TypeScript,.d.ts文件是用来描述JavaScript库或模块的声明文件。它的作用是为了在开发过程提供代码提示、类型检查以及代码文档化等功能。 首先,我们需要确保项目安装了TypeScript。然后,我们可以在项目创建一个.d.ts文件,命名规则一般是将库的名称与后缀.d.ts结合,比如"jquery.d.ts"。 接下来,我们需要在.d.ts文件对应库的声明。对于常见的库,往往有很多社区已经好的声明文件可供使用,我们可以在DefinitelyTyped上搜索并下载已有的声明文件。 如果找不到已经存在的声明文件,我们可以自行编。一般来说,我们需要定义库的各种类型、接口、函数以及其他使用方法。可以通过查阅库的官方文档来了解库的API,并根据需要进行适当的声明。 完成编后,我们可以将.d.ts文件放置在项目合适的位置,例如与库文件在同一目录下,或者在项目根目录下的一个名为"typings"的文件。 在项目使用该库时,TypeScript会自动根据.d.ts文件提供代码提示和类型检查。我们只需要在需要使用库的文件导入库的模块,并按照库的API进行使用即可。 总结来说,使用.d.ts文件的流程包括:安装TypeScript、创建.d.ts文件、编库的声明、下载或编完成声明文件后,将其放置在合适的位置,然后在项目使用库的模块并享受TypeScript的强大功能。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值