zoukankan      html  css  js  c++  java
  • Javascript AMD模块化规范

    AMD是"Asynchronous Module Definition"的缩写,意思是"异步模块定义"。

    模块定义
    define(id?, dependencies?, factory);

    其中:

    • id: 模块标识,可以省略。
    • dependencies: 所依赖的模块,可以省略。
    • factory: 模块的实现,或者一个JavaScript对象。


    代码示例1: 定义一个alpha模块,依赖require,exports,beta模块

    define("alpha", ["require", "exports", "beta"], function (require, exports, beta) {
         exports.verb = function() {
             return beta.verb();
             //Or:
             return require("beta").verb();
         }
    }); 

     

    代码示例2: 定义个匿名模块,依赖alpha模块

    define(["alpha"], function (alpha) {
        return {
            verb: function(){
                return alpha.verb() + 2;
            }
        };
    });
    

    代码示例3: 使用JSON定义一个没有依赖的匿名模块。

     define({
       add: function(x, y){
         return x + y;
       }
     });

     

    代码示例4:定义一个兼容Modules/Wrappings模块化规范的匿名模块。

    Modules/Wrappings是CommonJS Modules的浏览器端解决方案。AMD规范兼容Modules/Wrappings。

    define(function (require, exports, beta) {
        exports.verb = function() {
            return beta.verb();
            //Or:
            return require("beta").verb();
        }
    });

     

    模块加载
    require([module], callback)

    AMD模块化规范中使用全局或局部的require函数实现加载一个或多个模块,所有模块加载完成之后的回调函数。

    其中:

    • [module]:是一个数组,里面的成员就是要加载的模块;
    • callback:是模块加载完成之后的回调函数。

    代码示例:加载一个math模块,然后调用方法 math.add(2, 3);

    require(['math'], function (math) {
     math.add(2, 3);
    });  

    相关链接:

    https://github.com/seajs/seajs/issues/269
    http://www.cnblogs.com/snandy/archive/2012/03/09/2386092.html
    http://www.zhihu.com/question/20351507
    http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html
    http://seajs.org/docs/#docs

  • 相关阅读:
    Abp集成Swagger的最佳实践
    ELK 集中日志分析 windows部署实战
    nuget国内镜像的解决办法
    nginx+Memcached 缓存设计
    OpenSSL windows 下编译
    HTTPS 双向认证构建移动设备安全体系
    ASP.NET vNext on CentOS 7
    XF custom render 各平台实现类
    Xamarin.Forms 简介
    【开篇】认识网络和传输,架构
  • 原文地址:https://www.cnblogs.com/rentj1/p/2772021.html
Copyright © 2011-2022 走看看