CommonJS
CommonJS是node.js的模块管理的规范,CommonJS写出的应用可以具备跨宿主环境执行的能力。CommonJS对模块的定义十分简单,主要分为模块引用、模块定义和模块标识。
1.模块引用:
var math =require('math');
在CommonJS规范中,用require()这个方法获取要引用的模块。
require函数的规则:
- /表示绝对路径,./表示相对路径
- 支持js,json,node拓展名,不写将依次尝试。
- 不写路径则认为是built-in模块或者各级node_modules的第三方模块。
require 特性:
- module被加载的时候执行,加载后缓存,即同一个模块之后被加载一次。
- 一旦出现某个模块被循环加载,就只输出已经执行的部分,还未执行的部分不会输出。
2.模块定义:
上下文提供了export对象用于导出当前模块的方法或者变量,并且是唯一的导出的出口。
//demo1.js
exports.add = function(){
var sum = 0 ,i=0,args = arguments, l=args.length;
while(i< 1){
sum += args[i++];
}
return sum;
}
在另外一个文件中调用
var math =require(‘demo1’);
exports.incremennt = function(val){
return math.add(val,1)
}
3模块标识:
模块标识其实就是传递给require函数的参数,它必须是符合小驼峰命名的字符串,或者以. 、 ..开头的相对路径,或者绝对路径。
为什么要模块化?
因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。
但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!
除了CommonJS,JS还有哪些模块规范?
1.AMD
基于commonJS规范的nodeJS出来以后,服务端的模块概念已经形成,很自然地,大家就想要客户端模块。而且最好两者能够兼容,一个模块不用修改,在服务器和浏览器都可以运行。但是,由于一个重大的局限,使得CommonJS规范不适用于浏览器环境。
var math = require(‘math’);
math.add(2,3);
对服务器端不是一个问题,因为所有的模块都存放在本地硬盘,可以同步加载完成,等待时间就是硬盘的读取时间。但是,对于浏览器,这却是一个大问题,因为模块都放在服务器端,等待时间取决于网速的快慢,可能要等很长时间,浏览器处于"假死"状态。因此,浏览器端的模块,不能采用"同步加载"(synchronous),只能采用"异步加载"(asynchronous)。这就是AMD规范诞生的背景。CommonJS是主要为了JS在后端的表现制定的,他是不适合前端的,AMD(异步模块定义)出现了,它就主要为前端JS的表现制定规范。AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义"。它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。AMD也采用require()语句加载模块,但是不同于CommonJS,它要求两个参数:
require([module],callback);
第一个参数[module],是一个数组,里面的成员就是要加载的模块;第二个参数callback,则是加载成功之后的回调函数。如果将前面的代码改写成AMD形式,就是下面这样:
require(['math'],function(math){
math.add(2,3)
});
math.add()与math模块加载不是同步的,浏览器不会发生假死。所以很显然,AMD比较适合浏览器环境。目前,主要有两个Javascript库实现了AMD规范:require.js和curl.js。
2.CMD
大名远扬的玉伯写了seajs,就是遵循他提出的CMD规范,与AMD蛮相近的,不过用起来感觉更加方便些,最重要的是中文版。
npm
提到了node的模块化机制,就不得不提npm,npm是JavaScript的包管理器,它可以玩成模块的发布、安装和依赖等。借助npm,node与第三方模块间形成了一个很好的生态系统。
node的编译与执行
//demo.js
console.log("This is a test");
通过 ‘ node --inspect-brk demo.js ’打开chrome的调试窗口可以看到实际执行的代码为
(function(exports, require, module, __filename, __dirname) {
console.log("This is a test");
}
);
exports代表模块的输出,require代表依赖其它模块,module代表模块本身,__filename代表文件路径,__dirname代表文件夹路径,2个路径都是绝对地址。通过编译后的代码也可以看出来每个文件是一个模块,有自己的作用域。
文章很多内容参考:js模块化编程之彻底弄懂CommonJS和AMD/CMD!,感谢万分。