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

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

葱子5年前 (2021-02-22)其他4136

在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

相关文章

我的2016书单

心理学-行为学:《怪诞行为学》 互联网运营:《增长黑客》 职场:《不会汇报工作,还敢混职场》 市场营销:《定位》、《影响力》...

php学习

作者:燕十八 链接:https://www.zhihu.com/question/39078661/answer/79607574 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 &n...

从事互联网工作多年的管理者,现在创业做文玩靠谱吗?

从事互联网工作多年的管理者,现在创业做文玩靠谱吗?

在互联网行业做技术产品负责人近7年,在这个行业10多年,现在月薪税后3W,但是感觉已经到瓶颈期了,挺喜欢文玩的,菩提,星月,玉石,琥珀什么的,春节期间跟哥商量过,能不能自己开个店,自己做老板,也跟北京的朋友商量过,基本没有支持的,自己也觉得...

万网企业邮箱与阿里云邮箱的SMTP、POP设置【转】

万网企业邮箱与阿里云邮箱的SMTP、POP设置【转】

1、万网企业邮箱SMTP、POP设置 邮箱管理网址:http://qiye.aliyun.com,其中万网的邮箱也可以配置成自己的域名邮箱,比方mail.unvs.cn,这个不影响下面的设置, 万网企业邮箱POP、SMTP、I...

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

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

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

网站维护案例展示页面

网站维护案例展示页面

案例一:家电论坛服务项目: 1、将jdunion.com、jd-bbs.com使用301全局跳转到jdbbs.com 2、为家电论坛主站申请SSL证书并部署到服务器,配置http 301跳转到https 3、为家电论坛上传苹果版app到苹果...

发表评论

访客

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