Dojo中的模块插件

　　除了通常的模块，AMD加载器（这里就是指dojo.js）的另一个功能点就是一种新的被称为插件的模块，功能是用于扩展加载器的功能，跟其他普通模块一样以同样的方式被加载，但在模块标志符的后面会添加一个特殊的字符“！”，用来表明这是一个插件请求，“！”后的数据会直接传递给插件进行处理。几个最重要的插件：dojo/text，dojo/i18n，dojo/has和dojo/domReady

 

1) dojo/text

dojo/text是用于从文件（比如HTML模板）中加载字符串，这些字符串会把缓存起来，这样，后面再次调用加载同样的文件的时候 就不会再需要额外的网络请求了。在对web程序做build的时候，构建工具会将dojo/text加载的字符串直接替换到js代码中。比如，为一个模板widget导入模板，你需要这样定义你的模块。

//in "my/widget/NavBar.js"
define([
    'dojo/_base/declare',
    'dijit/_WidgetBase',
    'dijit/_TemplatedMixin',
    'dojo/text!./templates/NavBar.html'
],function(declare,_WidgetBase,_TemplatedMixin,template){
    return declare([_WidgetBase,_TemplatedMixin],{
        //加载"my/widget/templates/NavBar.html"中的文本内容
        templateString : template
    });
});

 

2) dojo/i18n

dojo/i18n会根据浏览器的用户区域设置加载不同的语言资源包

//in "my/widget/Dialog.js"
define([
    "dojo/_base/declare",
    "dijit/Dialog",
    "dijit/i18n!./nls/common"
],function(declare,Dialog,i18n){
    return declare(Dialog,{
        title:i18n.dialogTitle
    });
});

 

3) dojo/has

 Dojo的加载器包含了一套符合has.js定义的用于检测环境信息的API的实现代码，jojo/has插件就是用于有条件地为那些需要的模块完成这一功能。

// in "my/events.js"
define([
    "dojo/dom", 
    "dojo/has!dom-addeventlistener?./events/w3c:./events/ie"
],function(dom, events){ 
// events is "my/events/w3c" if the 
//"dom-addeventlistener" test was true, "my/events/ie" otherwise 
    events.addEvent(dom.byId("foo"),"click",function(){
        console.log("Foo clicked!");
    });
 });

 

4) dojo/onReady

Dojo/domReady 是dojo/ready的替代品。这个表示只有当DOM初始化后才会执行模块。我们使用这个插件的目的只是为了延迟回调函数的执行，不需要使用返回值的模块或者插件应该天灾需要的模块列表的尾部，因此这个回调函数不需要定义任何参数，尽管，数据没有传递给domReady插件，但为了表名这是个插件，“！”必须写上。

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