JavaScript 模块化加载

存在AMD（Asynchronous Module Definition异步模块定义）规范和CMD（Common Module Definition通用模块定义）规范。
对于依赖的模块，AMD是提前执行，CMD是延迟执行；并非绝对，CMD推从as lazy as possible；
AMD推从依赖前置，CMD推从依赖就近；
AMD的API默认一个当多个用，CMD的API职责单一。

一个简单的开始，使用Sea.js模块化框架，该框架遵循CMD规范，简单的使用如下：

 define(function(require, exports, module) {
     exports.name="xf_z1988";
     exports.getnm=function(){
         return exports.name;
     };
 });

定义一个CMD模块define_test_exports

 define(function(require, exports, module) {
     module.exports={
         name:"xf_z1988 module.exports test"
     };
 });

定义个CMD模块define_test_module_exports

 <!DOCTYPE html>
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <style rel="stylesheet" type="text/css">
 </style>
 <script src="http://seajs.github.io/examples/sea-modules/seajs/seajs/2.1.1/sea.js"></script>
 <script type="text/javascript">
 if(typeof define === "function" && define.cmd){
     show();
 }
 function show(){
     seajs.config({
         // 定义基本路径.
         base:"/",
         // 别名.
         alias:{
             "jquery":"http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js",
             "define_test_exports":"http://files.cnblogs.com/xf_z1988/js_cmd_define_test_exports.js",
             "define_test_module_exports":"http://files.cnblogs.com/xf_z1988/js_cmd_define_test_module_exports.js"
         },
         // 提前加载.
         preload:["jquery"]
     });
     // 在页面中加载模块.
     seajs.use(["jquery","define_test_exports"],function(_$,x){
         $(document).ready(function(){
             document.body.innerHTML+=x.name+"_1<br/>";
         });
     });
     // 定义模块
     define(function(require,request,module){
         // 同步加载一个模块.
         var xd=define("define_test_exports");
         // 异步加载一个模块，在加载完成时，执行回调
         require.async("define_test_module_exports", function(x) {
             $(document).ready(function(){
                 document.body.innerHTML+=x.name+"_2<br/>";
             });
         });
     });
 }
 </script>
 </head>
 <body></body>
 </html>

一个使用Sea.js来模块化的例子

未完成