JavaScript中的三种模块化规范AMD CMD CommonJS

网站越来越复杂，js代码、js文件也越来越多
    1.命名冲突
    2.文件依赖问题

AMD是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"。它采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行。

    //定义模块
    define("module", ["dep1", "dep2"], function(d1, d2) {  
        return someExportedValue;  
    });  
    //引入模块
    require(["module", "../file"], function(module, file) { 

    });  

适合在浏览器环境异步加载
并行加载多个模块

提高开发成本，代码阅读和书写比较困难
不符合通用的模块思维方式，是一种妥协的实现

    //定义模块
    define(function(require, exports, module) {  
        var $ = require('jquery');  
        var Spinning = require('./spinning');  
        exports.doSomething = ...  
        module.exports = ...  
    })  
    //导入模块
    //第一参数是入口模块的路径
    //第二个函数是回调函数
     seajs.use('路径',function(回调对象){
         //此回调对象就是moudle.exports对象。我们可以使用定义模块中，module.exports对象所有的属性与方法
     });

    依赖就近，延迟执行
    很容易在node中运行

    依赖SPM打包，模块的加载逻辑偏重

//seajs所在的路径为默认根目录
seajs.config({
    //配置根目录
    base： “../sea-modules/”,
    //别名
    alias : {
        “jquery”: “jquery/jquery/1.10.1/jquery.js(路径)”   //方便调用
    }
})

//定义模块
exports.doStuff = function() {};  
module.exports = someValue; 

//引入模块  -- 同步执行，不用回调
require("module");  
require("../file.js");  

服务器端便于重用
NPM中已经将近20w个模块包
简单并容易使用

同步的模块方式不适合不适合在浏览器环境中，同步意味着阻塞加载，浏览器资源是异步加载的
不能非阻塞的并行加载多个模块

    //定义模块
    /*
    require
        加载文件依赖、模块依赖的，用于define函数体内
        在一个模块系统中，`require` 加载过的模块会被缓存
        默认 `require` 是同步加载模块的

    exports 和 module.exports
        module.exports曝露出一个完整的对象，只能扔一次只能曝露出来一个
        exports是module.exports的别名，可以用来单个属性、方法、对象的曝露，用.的形式,exports能做的事情module.exports也可以做
    */

    define(function(require, exports, module) {  
        var $ = require('jquery');  
        var Spinning = require('./spinning');  
        exports.doSomething = ...  
        module.exports = ...  
})  

导入模块
    /*
    第一参数是入口模块的路径
    第二个函数是回调函数
    */
     seajs.use('路径',function(回调对象){
         //此回调对象就是moudle.exports对象。我们可以使用定义模块中，module.exports对象所有的属性与方法
     });
    //seajs.use 和 Document 的 ready 没有任何关系
    //要想保证 文档结构加载完毕再执行你的 js 代码，一定要在 seajs.use  内部通过 window.onload 或者 $(function(){})

requirejs是优先加载的
seajs是懒加载的，就是有拖延症，用的时候才加载