如何编写一个d.ts文件

这篇文章主要讲怎么写一个typescript的描述文件(以d.ts结尾的文件名,比如xxx.d.ts)。

总结一下:
从类型type角度分为:基本类型(string、number、boolean等)及其混合;复杂类型(class、function、object)及其混合(比如说又是class又是function)。
从代码有效范围分为:全局变量、模块变量和又是全局变量又是模块变量的。
从定义文件来说:自己写的.d.ts文件和扩展别人写的.d.ts文件。
以上三个角度,应该覆盖了描述文件的各个方面了。

2019.09.12更新说明:

1.增加了用interface的方式声明函数。
2.增加了在使用模块化导入的情况下如何声明全局变量。

2019.05.21更新说明:

发现了一个关于typescript比较好的入门教程:https://ts.xcatliu.com/basics/declaration-files,这是其中的关于描述文件的文档。

2018.12.18更新说明:

1.增加了全局声明的原理说明。
2.增加了es6的import、export对应的d.ts文件写法。
3.增加了d.ts文件放置位置的说明。

最近开始从js转ts了。但是要用到一些描述文件(d.ts),常用的比如jquery等都可以通过 npm下载到别人已经写好的npm install @types/jquery。但是还是有一些小众的或者公司内部的公共库或者以前写过的公用js代码需要自己手动写描述文件。

之前也从网上面也找了一些资料,但还是看的云里雾里模糊不清,经过一段摸索,将摸索的结果记录下来,也希望可以给别人一个参考。

如果你只写js,d.ts对你来说也是有用的,大部分编辑器能识别d.ts文件,当你写js代码的时候给你智能提示。效果像这样:

如何编写一个d.ts文件_第1张图片

详情可以看我以前写过的一些文章:https://segmentfault.com/a/1190000007110845

通常,我们写js的是时候有两种引入js的方式:
1,在html文件中通过

你可能感兴趣的:(typescript)