JavaScript有哪些模块规范
小编给大家分享一下JavaScript有哪些模块规范,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
JavaScript的模块规范有:1、CommonJS规范;2、AMD(异步模块定义)规范;3、CMD(公共模块定义)规范;4、UMD规范(AMD和CommonJS的糅合)。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
常见的JavaScript 模块化规范有3种,CommonJS、AMD(异步模块定义)、CMD(公共模块定义)
服务端 :NodeJS 服务:CommonJS规范,新版本的Node也可以启用ES6 Module功能
浏览器端:主要使用的是AMD规范和CMD规范,现在已经逐步被ES6 Module取代
模块化规范1. CommonJS规范
(1) 每一个文件都是一个模块,每一个模块都有一个独立的作用域,文件内的变量,函数都是私有的,其他文件不可使用(除非赋值到 global上) (2)每个模块内部,module变量代表当前模块 (3)每个文件对外的接口是 module.exports 属性 (4) require用于引用其他模块,实际获得的是其他模块的module.exports这个属性
2. AMD(Asynchromous Module Definition - 异步模块定义)
AMD 是 RequireJS 在推广过程中对模块定义的规范化产出
使用
定义模块define(id?, dependencies?, factory)加载模块require([module], callback)
3. CMD(Common Module Definition - 公共模块定义)
CMD 是 SeaJS 在推广过程中对模块定义的规范化产出
使用
定义模块define(factory)加载模块require(id)
4. UMD(AMD和CommonJS的糅合)
UMD先判断是否支持Node.js的模块(exports)是否存在,存在则使用Node.js模块模式。
在判断是否支持AMD(define是否存在),存在则使用AMD方式加载模块。
(function(window,factory){if(typeofexports==='object'){module.exports=factory();}elseif(typeofdefine==='function'&&define.amd){define(factory);}else{window.eventUtil=factory();}})(this,function(){//module...});
以上是“JavaScript有哪些模块规范”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。