首页 > 代码库 > AMD模块

AMD模块

关于AMD有两个非常重要的概念,那就是用于模块定义的define方法和用于处理依赖加载的require方法。 
define函数定义:
define( [module-name?] /*可选*/, (模块标示)-----如果没有这个属性,则成为匿名函数 [array-of-dependencies?] /*可选*/, (所依赖的模块) [module-factory-or-object] (模块的实现) );
具体实现:
  define(
      "myModule",
      ["foo", "bar"],
 
      // 模块定义函数,依赖(foo,bar)作为参数映射到函数上
      function (foo, bar) {
          // 创建模块
          var myModule = {
              myFun: function () {
                 console.log("Jeri");
             }
         }

         // 返回定义的模块
         return myModule;
     }
 );
require用于加载JavaScript文件或模块的代码,获取依赖。示例如下:
 // foo,bar为外部模块,加载以后的输出作为回调函数的参数传入,以便访问
 requrie(["foo", "bar"], function (foo, bar) {
 
     // 其他代码
     foo.doSomething();
 });
动态加载依赖的示例:
 define(
      function (requrie) {
          var isReady = false,
          foobar;
  
          requrie(["foo", "bar"], function (foo, bar) {
              isReady = true,
              foobar = foo() + bar();
          });
 
        // 返回定义的模块
         return {
             isReady: isReady,
             foobar: foobar
         };
     }
 );

AMD模块