js模块规范

//CommonJS模块规范,
//每个模块存在着require、exports、module 这3个变量，nodejs对获取的js文件内容进行了头尾包装    
(function (exports, require, module, __filename, __dirname) { 
  var math = require('math'); 
  exports.area = function (radius) { 
    return Math.PI * radius * radius; 
  }; 
}); 
 
//AMD(Asynchronous Module Definition）规范是CommonJS规范延伸，
//https://github.com/amdjs/amdjs-api/wiki/AMD
//模块定义如下define(id?, dependencies?, factory); 它的模块id和依赖是可选的，
//第一个参数 id 为字符串类型，表示了模块标识，为可选参数。若不存在则模块标识应该默认定义为在加载器中被请求脚本的标识。如果存在，那么模块标识必须为顶层的或者一个绝对的标识。
//第二个参数，dependencies ，是一个当前模块依赖的，已被模块定义的模块标识的数组字面量。
//第三个参数，factory，是一个需要进行实例化的函数或者一个对象。
 
//创建模块标识为 alpha 的模块，依赖于 require， export，和标识为 beta 的模块  
define("alpha", [ "require", "exports", "beta" ], function( require, exports, beta ){
    export.verb = function(){
        return beta.verb();
        // or:
        return require("beta").verb();
    }
});

//一个返回对象字面量的异步模块
define(["alpha"], function( alpha ){
    return {
        verb : function(){
            return alpha.verb() + 1 ;
        }
    }
});
 
//无依赖模块可以直接使用对象字面量来定义
define( {
    add : function( x, y ){
        return x + y ;
    }
} );
 
//类似与 CommonJS 方式定义
define( function( require, exports, module){
    var a = require('a'),
         b = require('b');
 
    exports.action = function(){};
} );
 
define(function() { 
  var exports = {}; 
  exports.sayHello = function() { 
    alert('Hello from module: ' + module.id); 
  }; 
  return exports; 
});  
 
define(['dep1', 'dep2'], function (dep1, dep2) { 
  return function () {}; 
}); 
 
 
//CMD（Common Module Definition）规范
define(function(require, exports, module) { 
  // The module code goes here 
}); 
 
兼容多种模块规范
 ;(function (name, definition) { 
  // 检测上下文环境是否为AMD或CMD 
  var hasDefine = typeof define === 'function', 
    //  检查上下文环境是否为Node 
    hasExports = typeof module !== 'undefined' && module.exports; 
 
  if (hasDefine) { 
    //  AMD环境或CMD环境 
    define(definition); 
  } else if (hasExports) { 
    //  定义为Node模块 
    module.exports = definition(); 
  } else { 
    //  将模块的执行结果挂在window变量中，在浏览器中this指向window 对象 
    this[name] = definition(); 
  } 
})('hello', function () { 
  var hello = function () {}; 
  return hello; 
});