CommonJS
CommonJS规范的提出,主要是为了弥补JavaScript没有标准的缺陷,已达到像Python、Ruby和Java那样具备开发大型应用的基础能力,而不是停留在开发浏览器端小脚本程序的阶段。
CommonJS模块的特点:
- 所有代码都运行在模块作用域,不会污染全局作用域。
- 模块可以多次加载,但是只会在第一次加载时运行一次,然后运行结果就被缓存了,以后再加载,就直接读取缓存结果。要想让模块再次运行,必须清除缓存。
- 模块加载的顺序,按照其在代码中出现的顺序。
浏览器不兼容Common的根本原因也就是缺少四个Node环境的变量:
- module
- exports
- require
- global
可以使用一些工具对CommonJS做出转化 ,如:Browserify、tiny-browser-require
在兼容CommonJS的系统中,可以使用JavaScript做到:
- 服务器端JavaScript应用程序
- 命令行工具
- 图形界面应用程序
- 混合应用程序(如,Titanium或Adobe AIR)
CommonJS定义的模块规范主要分为三部分:
- 模块引用(require)
- 模块定义(exports)
- 模块标识(module)
AMD
什么是AMD
模块本身和模块之间的引用可以被异步的加载,是一个概念
先引入的模块,后使用的引用模块的方法,所以我们称之为依赖前置
RequireJS:
是一个AMD框架,可以异步加载JS文件,按照模块加载方法,通过define()函数定义,第一个参数是一个数组,里面定义一些需要依赖的包,第二个参数是一个回调函数,通过变量来引用模块里面的方法,最后通过return来输出。
是一个依赖前置、异步定义的AMD框架(在参数里面引入js文件),在定义的同时如果需要用到别的模块,在最前面定义好即在参数数组里面进行引入,在回调里面加载
CMD
CMD是依赖就近,在什么地方使用到插件就在什么地方require该插件,即用即返,这是一个同步的概念
sea.js
CMD---是SeaJS在推广过程中对模块定义的规范化产出,是一个同步模块定义,是SeaJS的一个标准,SeaJS是CMD概念的一个实现,SeaJS是淘宝团队提供的一个模块开发的js框架.
CMD和AMD的对比
- RequireJS 是依赖前置,Sea.js是依赖就近
- 定位不同。RequireJS 想成为浏览器端的模块加载器,同时也想成为 Rhino / Node 等环境的模块加载器。Sea.js 则专注于 Web 浏览器端,同时通过 Node 扩展的方式可以很方便跑在 Node 环境中。
- RequireJS 是先加载后执行,seaJS是按需加载执行
- 插件机制不同。RequireJS 采取的是在源码中预留接口的形式,插件类型比较单一。Sea.js 采取的是通用事件机制,插件类型更丰富。
- 对于依赖的模块,AMD 是提前执行,CMD 是延迟执行
ES6
ES6特性,模块化---export/import对模块进行导出导入的
ES6和CommonJS的对比
- ES6 模块输出的是值的引用,输出接口动态绑定,而 CommonJS 输出的是值的拷贝
- ES6 模块编译时执行,CommonJS 模块在运行时加载