欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

node的模块机制

程序员文章站 2022-05-30 14:05:42
...

CommonJS

CommonJS是node.js的模块管理的规范,CommonJS写出的应用可以具备跨宿主环境执行的能力。CommonJS对模块的定义十分简单,主要分为模块引用、模块定义和模块标识。

1.模块引用:

var math =require('math');

在CommonJS规范中,用require()这个方法获取要引用的模块。
require函数的规则:

  1. /表示绝对路径,./表示相对路径
  2. 支持js,json,node拓展名,不写将依次尝试。
  3. 不写路径则认为是built-in模块或者各级node_modules的第三方模块。

require 特性:

  1. module被加载的时候执行,加载后缓存,即同一个模块之后被加载一次。
  2. 一旦出现某个模块被循环加载,就只输出已经执行的部分,还未执行的部分不会输出。

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!,感谢万分。