zoukankan      html  css  js  c++  java
  • node的模块机制

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

  • 相关阅读:
    3D文字菜单变换
    妙味课堂作业20160113(优化版)
    pop up layer loading
    妙味课堂作业20160113
    妙味课堂20160112js实例仿新浪菜单
    js面向对象初探
    sea.js demo
    注册ASP.NET
    JDK1.6 环境配置
    JDK1.7环境配置
  • 原文地址:https://www.cnblogs.com/JessicaIsEvolving/p/9391209.html
Copyright © 2011-2022 走看看