CommonJS,AMD,RequireJS的区别
2014-12-21 22:56
323 查看
RequireJS实现了AMD的API.
CommonJS是使用exports对象来定义模块的一种方法,它定义了模块的内容。简单地实现一个CommonJS的定义就像下面这样:
// someModule.js
exports.doSomething = function() { return "foo"; };
//otherModule.js
var someModule = require('someModule'); // in the vein of node
exports.doSomethingElse = function() { return someModule.doSomething() + "bar"; };
基本上CommonJS明确了你需要有一个require函数来获取依赖,exports变量来输出模块的内容和一些用来获取依赖的模块标识符。CommonJS有多种实现,比如Node.js.
因为CommonJS设计的时候没有考虑浏览器,所以它不适合浏览器环境(我其实对这个不明确,但是这种说法到处都有,比如RequireJS官网)。所以我们得做一些工作来实现异步加载。
相反,RequireJS实现了AMD,它被设计用来适应浏览器环境。表面上看来,AMD开始是CommonJS输出格式的副产品,而且最终进化出了自己的API。在AMD中出现的新东西是define函数,它允许模块在加载依赖之前声明它的依赖。例如定义可能就像下面这样:
define('module/id/string', ['module', 'dependency', 'array'],
function(module, factory function) {
return ModuleContents;
});
因此CommonJS和AMD是Javascript模块定义API的不同的实现,但是他们有相同的根源。AMD更适合浏览器,因为它支持异步加载模块依赖。RequireJS是AMD的一个实现,而且尽量保留了CommonJS的精神(主要是模块标识符上)。更让人混乱的是,RequireJS在实现AMD的同时,还提供了一个CommonJS包裹,这样CommonJS模块可以几乎直接被RequireJS引入。
define(function(require, exports, module) {
var someModule = require('someModule'); // in the vein of node
exports.doSomethingElse = function() { return someModule.doSomething() + "bar"; };
});
CommonJS是使用exports对象来定义模块的一种方法,它定义了模块的内容。简单地实现一个CommonJS的定义就像下面这样:
// someModule.js
exports.doSomething = function() { return "foo"; };
//otherModule.js
var someModule = require('someModule'); // in the vein of node
exports.doSomethingElse = function() { return someModule.doSomething() + "bar"; };
基本上CommonJS明确了你需要有一个require函数来获取依赖,exports变量来输出模块的内容和一些用来获取依赖的模块标识符。CommonJS有多种实现,比如Node.js.
因为CommonJS设计的时候没有考虑浏览器,所以它不适合浏览器环境(我其实对这个不明确,但是这种说法到处都有,比如RequireJS官网)。所以我们得做一些工作来实现异步加载。
相反,RequireJS实现了AMD,它被设计用来适应浏览器环境。表面上看来,AMD开始是CommonJS输出格式的副产品,而且最终进化出了自己的API。在AMD中出现的新东西是define函数,它允许模块在加载依赖之前声明它的依赖。例如定义可能就像下面这样:
define('module/id/string', ['module', 'dependency', 'array'],
function(module, factory function) {
return ModuleContents;
});
因此CommonJS和AMD是Javascript模块定义API的不同的实现,但是他们有相同的根源。AMD更适合浏览器,因为它支持异步加载模块依赖。RequireJS是AMD的一个实现,而且尽量保留了CommonJS的精神(主要是模块标识符上)。更让人混乱的是,RequireJS在实现AMD的同时,还提供了一个CommonJS包裹,这样CommonJS模块可以几乎直接被RequireJS引入。
define(function(require, exports, module) {
var someModule = require('someModule'); // in the vein of node
exports.doSomethingElse = function() { return someModule.doSomething() + "bar"; };
});
相关文章推荐
- CommonJS,AMD,RequireJS的区别
- CommonJS,AMD,RequireJS的区别
- JS加载文件规范,AMD,commonJS,requireJs
- AMD与CDM RequireJS与SeaJS CommonJS 的认识
- [js模块规范]总结JS模块规范CommonJS,AMD,CMD区别
- ES6的模块化和commonJS以及AMD和CMD的区别
- JavaScript模块化编程 - CommonJS, AMD 和 RequireJS之间的关系
- 【JavaScript】JavaScript模块化编程 - CommonJS, AMD 和 RequireJS之间的关系
- 对CommonJs和AMD,CMD的理解,AMD和CMD的区别,CommonJS与ES6的module的区别
- JavaScript模块化编程 - CommonJS, AMD 和 RequireJS之间的关系
- CommonJS AMD CMD UMD RequireJS的区别
- CommonJS、AMD、CMD、NodeJs、RequireJS到底有什么联系?
- JavaScript模块化编程 - CommonJS, AMD ,CMD和 RequireJS之间的关系
- CommonJS,AMD和CMD规范的区别
- CommonJS, AMD 和 RequireJS之间的关系(转载)
- JavaScript模块化编程 - CommonJS, AMD 和 RequireJS之间的关系
- AMD,CMD,CommonJS以及RequireJS和SeaJS的个人感悟
- 聊一聊CommonJS,Requirejs,SeaJS,AMD,CMD之间需要理清的关系
- 浅谈AMD跟CommonJS的区别
- CommonJS,AMD,RequireJS的差别