JavaScript模块化

AMD、CMD、CommonJs、UMD是ES5中提供的模块化编程的方案,import/export是ES6中新增。
1.AMD-异步模块定义
AMD是RequireJS在推广过程当中对模块定义的规范化产出,它是一个概念,RequireJS是对这个概念的实现,就比如JavaScript语言是对ECMAScript规范的实现。AMD是一个组织,RequireJS是在这个组织下自定义的一套脚本语言。
RequireJS:是一个AMD框架,能够异步加载JS文件,按照模块加载方法,经过define()函数定义,第一个参数是一个数组,里面定义一些须要依赖的包,第二个参数是一个回调函数,经过变量来引用模块里面的方法,最后经过return来输出。
是一个依赖前置、异步定义的AMD框架(在参数里面引入js文件),在定义的同时若是须要用到别的模块,在最前面定义好即在参数数组里面进行引入,在回调里面加载。
 require([module], callback);前端

2.CMD---是SeaJS在推广过程当中对模块定义的规范化产出,是一个同步模块定义,是SeaJS的一个标准,SeaJS是CMD概念的一个实现,SeaJS是淘宝团队提供的一个模块开发的js框架
经过define()定义,没有依赖前置,经过require加载jQuery插件,CMD是依赖就近,在什么地方使用到插件就在什么地方require该插件,即用即返,这是一个同步的概念。node

3.commonJS规范---是经过module.exports定义的,在前端浏览器里面并不支持module.exports,经过node.js后端使用的。Nodejs端是使用CommonJS规范的,前端浏览器能够利用browserify插件支持commonJS,能够讲js文件打包到一个main.js,因此不会出现浏览require新模块的时候,须要异步加载的状况,更不会出现浏览器假死。
浏览器不兼容CommonJS的根本缘由,在于缺乏四个Node.js环境的变量(module、exports、require、global)
输出方式有2种:默认输出---module export 和带有名字的输出---exports.area。编程

4.UMD-通用模块规范
既然CommonJs和AMD风格同样流行,彷佛缺乏一个统一的规范。因此人们产生了这样的需求,但愿有支持两种风格的“通用”模式,因而通用模块规范(UMD)诞生了。为了保证通用性,牺牲的易用性,这个模式略难看,可是它兼容了AMD和CommonJS,同时还支持老式的“全局”变量规范。后端

5.ES6模块化---export/import对模块进行导出导入的数组

相关文章
相关标签/搜索