当前位置:首页 > 其他 > 正文内容

UMD库(js库)撰写d.ts声明文件注意事项

葱子4年前 (2021-02-22)其他3863

在typescript中使用js库时,为了更友好的代码提示,需要为js库撰写d.ts声明文件。

一般来说js库大致可以分为3类:全局库、模块化库、UMD库。

这里重点记录一下UMD库的d.ts撰写注意事项。

识别UMD库

UMD模块是指那些既可以作为模块使用(通过导入)又可以作为全局(在没有模块加载器的环境里)使用的模块。 许多流行的库,比如 Moment.js,就是这样的形式。

UMD模块会检查是否存在模块加载器环境。 这是非常容易观察到的模块,它们会像下面这样:

(function (root, factory) { if (typeof define === "function" && define.amd) { define(["libName"], factory); } else if (typeof module === "object" && module.exports) { module.exports = factory(require("libName")); } else { root.returnExports = factory(root.libName); } }(this, function (b) {

如果你在库的源码里看到了typeof define,typeof window,或typeof module这样的代码,尤其是在文件的顶端,那么它几乎就是一个UMD库。

UMD库的d.ts声明文件注意事项:

  • 格式要求
    UMD库的d.ts声明文件需要满足以下格式,在VS code中和编译后才不会报错。
    declare namespace XXX{ }; export as namespace XXX; export=XXX;

  • 引入js库方式:
    import XXX=require("./xxx.js);

扫描二维码推送至手机访问。

版权声明:本文由葱子博客发布,如需转载请注明出处。

本文链接:https://www.aitiancheng.com/article-1579.html

相关文章

nginx/Apache/IIS开启目录浏览功能

nginx/Apache/IIS开启目录浏览功能

我们在做网站的时候,有些目录会经常用来存储一些附件内容,通常进FTP查看会相对麻烦,这时候我们可以试试【目录浏览】这个功能。 1、nginx开启目录浏览方法:首先找到当前网站的conf配置文件,在server段里面添加如下代码,然后重启n...

【紧急公告】宝塔面板发布紧急安全更新,请使用这些版本的站长立即更新

【紧急公告】宝塔面板发布紧急安全更新,请使用这些版本的站长立即更新

今天我的站长群有好友发了一则截图,内容是宝塔面板发布紧急更新,感觉事态比较严重。为了进一步确认是否属实,上宝塔官网看了下,确认属实。 本次涉及的漏洞版本为:Liunx版本7.4.2版本和windows版6.8版本 请正在使用以上版本的站...

实用教程:如何通过小程序APPID查询到对应的小程序名称

实用教程:如何通过小程序APPID查询到对应的小程序名称

最近遇到一个小问题,就是拿到了对方的小程序APPID,但是不知道去哪里查找这个小程序APPID对应的小程序名称叫什么。 带着这个问题,我去百度了一下,大致提供的解决方案有两种。 方法一:通过公众号的关联小程序功能可以通过公众号的关联小程...

gitbook常用插件及模板变量使用技巧分享

归纳整理了一些在gitbook中比较实用的一些插件和相关配置,记录如下: { "plugins": [//插件信息 "back-to-top-button",//回到顶部...

实用教程:如何通过手机照片获取拍照时的定位位置信息

实用教程:如何通过手机照片获取拍照时的定位位置信息

现在很多的智能手机自带的相机程序都可以记录下拍照位置,在QQ、微信上使用原图进行发送时,会保留这些信息,如果不是使用原图的形式发送,这些信息就会丢失。 下面简单的给大家讲解一下如何查看图片的位置信息。 现在有了更简便快捷的方式:1、在微...

外卖CPS小程序被封后续,我所了解的一些套路

外卖CPS小程序被封后续,我所了解的一些套路

昨天的文章外卖CPS小程序被封,我的一些感想里面写了哪些类型的小程序容易被封号,今天继续展开讲一下,我所了解的一些套路。 1、微信会主动封小程序吗 对于大多数用户规模较小的小程序来讲,可能你提供的某些功能或服务并不符合微信的规则,但从我...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。