dojo(一):创建模块

dojo(一):创建模块发布时间：2020-12-16 21:33:49  所属栏目：百科  来源：网络整理 
导读：1、使用AMD(异步模块定义），通过向加载器注册来定义一个模块。 注：什么是加载器？加载器实际上就是一些js代码，他们处理定义和加载模块的后台逻辑。当你加载了dojo.js或者require.js，你就获得了一个 AMD加载器。加载器定义了一些和require、define全局函

                         1、使用AMD(异步模块定义），通过向加载器注册来定义一个模块。 
    注：什么是加载器？加载器实际上就是一些js代码，他们处理定义和加载模块的后台逻辑。当你加载了dojo.js或者require.js，你就获得了一个 AMD加载器。加载器定义了一些和require、define全局函数合作的函数。 
 
    全局函数define允许你向加载器注册一个模块。下面我们看一些例子： 
 
        define(5); 
       
Not very sophisticated,but valid - the value of this module is the number 5.
        1 
      
        2 
      
        3 
      
        4 
      
     define({ 
        
        library: 
        'dojo' 
        , 
       
        version: 1.9 
       
        }); 
       
Getting a little more interesting - when this module is loaded,we get an object with 2 properties.
        4 
      
        5 
      
        6 
      
        7 
      
        8 
      
        9 
      
        10 
      
        11 
      
        12 
      
        13 
      
        14 
      
        15 
      
        16 
      
     define( 
        function(){
 
        var 
        privateValue = 0; 
       
        return 
        { 
       
increment: 
        (){ 
       
        privateValue++; 
       
}, 
       
decrement: 
        (){ 
       
        privateValue--; 
       
getValue: 
        (){ 
       
        privateValue; 
       
} 
       
        }; 
       
});

上面的例子，我们向define传递了一个函数。这个函数会被执行，并且它的返回值会被当做我们所定义的模块别加载器存储。通常情况下，模块会返回一个构造器，但是某些情况它也可以用来返回一个单独的对象。

constructor方法是一个特殊的方法。constructor方法会在类实例化的时候调用，并在新对象的作用范围中执行。这表示，this对象指向实例而不是原来的类。constructor方法接受任意数目的实例化参数。

虽然完全覆盖父类的方法很有用，但有时，继承链上的每个父类的构造函数都应该被执行，以保持原来的功能。这就是this.inherited(arguments)所带来的便利。this.inherited(arguments)会调用父类中的同名方法。

除了常规的模块，AMD加载器还提供一种叫做plugin的特殊模块。Plugins用来扩展加载器除了加载AMD模块之外的新特性。Plugins和普通模块的加载一样，不过plugins在模块id后面添加!来标识这是一个plugin请求。!后面的数据直接传递给插件进行处理。Dojo自带了一些plugins，最重要的几个是dojo/text,dojo/i18n,dojo/has和dojo/domReady。

dojo/domReady用来替换dojo.ready.在DOM加载完毕之前，它不会被解析。

 
        // in "my/app.js" 
       
define([ 
        "dojo/dom" 
        "dojo/domReady!" 
        ], 
        (dom){ 
       
        // This function does not execute until the DOM is ready 
       
dom.byId( 
        "someElement" 
        ); 
       
        });

Note 上面的例子中，我们没有定义参数来接受dom/domReady的返回值。这是因为它的返回值没有任何意义--我们只是使用dom/domReady来延迟回调。请求不需要返回值的模块或者plugins，应该把他们放在请求列表的最后，因为模块的顺序和回调函数里面参数顺序是相关的。

Note 即使没有向plugin传递任何数据，感叹号!也是必须的。没有它，只是会简单的加载dom/domReady模板，而不会激活它的特殊的插件特性。

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!