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

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

葱子3年前 (2021-02-22)其他3393

在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中如何处理带问号的url301跳转

示例代码如下: if ($request_uri ~* "^/wenda/\?q-(\d+).html$") { set $qid $1; rewrite .* https://www.aitiancheng...

爱奇艺vip年卡会员+京东Plus年卡限时六折优惠 仅需118元

爱奇艺vip年卡会员+京东Plus年卡限时六折优惠 仅需118元

7月17日,爱奇艺再次联合京东Plus开启了限时六折的优惠活动,仅需118元就可以拿下爱奇艺的vip年卡加上京东Plus会员。 活动时间:7月17日起 爱奇艺商城开启爱奇艺联合会员促销,一次开通享双重权益,主要以黄金会员联合套餐为主,大...

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

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

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

在中国,哪些领域适合做垂直的 SNS 社区?

在中国,哪些领域适合做垂直的 SNS 社区?

兴趣类社区都可以做,比如:  1、文玩、古玩收藏类社区:顶尖收藏http://www.guwanlife.com(我自己的论坛,打个小广告)、文玩迷、文玩天下、文玩部落这些,都是论坛社...

wordpress转zblog避坑指南_附详细教程

wordpress转zblog避坑指南_附详细教程

这段时间在家闲着无聊,就想着把葱子博客从wordpress转为zblog,从wordpress转zblog的原因主要是我不太习惯国外软件的操作方式,用着不是太习惯。 下面就是详细的wordpress转zblog教程:...

四川移动光猫改桥接,不影响IPTV使用

四川移动光猫改桥接,不影响IPTV使用

在安装移动宽带的时候,安装师傅默认就在光猫上进行了拨号。这样移动光猫不仅负责光电转换,还要负责路由器、IPTV、wifi这些功能。在使用移动宽带的过程中,某些时候总是莫名的出现断流的情况。所以给家里换了个小米的ax6路由器,使用下来整体性能...

发表评论

访客

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