一个de两种意思——谈谈Dojo define 和declare的区别

2024-05-10 01:18

本文主要是介绍一个de两种意思——谈谈Dojo define 和declare的区别,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

转载地址:http://blog.csdn.net/eengel/article/details/13021687

介绍

同样是de打头,我经常被dojo define和dojo declare弄晕。单词长的像,表面意思似乎也很像。翻译成中文叫“定义”和“声明”,可也不是Java中说的那样。那Dojo中是怎么安排这两个词的呢(Dojo 1.7.3)?

 

Define

先看define。作用是定义一个模块(module)。这个模块可以被require引用,引用了之后就可以使用define里面的东西。一个模块想当然,里面干什么事情,不一定全部自己实现。就像人要coding,除了脑子,也不能没有电脑、键盘。因此,define的第一个参数就是将要用到的其他模块引进来。第二个参数描述这个模块具体干什么,并且给第一个参数中的模块分别起一个朗朗上口的名字。就像下面这段代码描述的样子。

 

util.js

[javascript]  view plain copy
在CODE上查看代码片 派生到我的代码片
  1. define([ "dojo/dom"], function(dom) {  
  2.     return {  
  3.         setRed: function(id){  
  4.             dom.byId(id).style.color = "red";  
  5.         }  
  6.     };  
  7. });  

这是一个工具模块,其中一个功能就是把网页上id对应的DOM节点变成红色。当我们要使用它的时候,就可以用require了。

 

test.jsp

[html]  view plain copy
在CODE上查看代码片 派生到我的代码片
  1. <script>  
  2.     require(  
  3.         [ "dojo/ready", "test/util" ],  
  4.         function(ready, util) {  
  5.             ready(function() {  
  6.                 var id = "selected_text";  
  7.                 util.setRed(id);  
  8.             });  
  9.         });  
  10. </script>  

Declare

可以看到,上面的模块util作为工具模块,可以在被引用后任意调用其功能。这是无状态的,就好象是一个singleton的对象。但如果我们想定义“类”一样的东西,有状态,可以创建多个对象,就需要在define里用declare。最典型的例子就是dijit下面的诸多UI小控件。

举个很简单的例子,我希望基于dijit.Dialog,创建一个有特殊功能的dialog,每次打开后能把上面的一段text标记为红色。

 

RedTextDialog.js

[javascript]  view plain copy
在CODE上查看代码片 派生到我的代码片
  1. define([ "dojo/_base/declare""dijit/Dialog""dijit/_WidgetBase",  
  2.         "dijit/_TemplatedMixin""test/util" ], function(declare,  
  3.         Dialog, _WidgetBase, _TemplatedMixin, util) {  
  4.     return declare("test.RedTextDialog", [ Dialog, _WidgetBase, _TemplatedMixin ], {  
  5.         title: "Dialog with Red Text",  
  6.           
  7.         onDownloadEnd : function() {  
  8.             var id = "selected_text";  
  9.             util.setRed(id);  
  10.         }  
  11.     });  
  12. });  

RedTextDialog可以重写dijit.Dialog所有的方法,也可以自创方法、变量,实现自己想要的任意功能。接下来可以用require使用它。

[html]  view plain copy
在CODE上查看代码片 派生到我的代码片
  1. <script>  
  2.     require(  
  3.         [ "dojo/ready", "test/RedTextDialog" ],  
  4.         function(ready, RedTextDialog) {  
  5.             ready(function() {  
  6.                 var dialog = new RedTextDialog();  
  7.                 dialog.show();  
  8.             });  
  9.         });  
  10. </script>  

可以看到,每次使用RedTextDialog时,都可以创建一个新的对象实例,因此可以做到互相之间没有关系。

目录结构


为了在test.jsp中调用上述js文件,需要在test.jsp声明js文件的位置。

[javascript]  view plain copy
在CODE上查看代码片 派生到我的代码片
  1. <script>  
  2.     dojoConfig = {  
  3.         isDebug : false,  
  4.         parseOnLoad : true,  
  5.         async : true,  
  6.         packages : [   
  7.             {  
  8.                 name : "test",  
  9.                 location : "../../js/test"  
  10.             }  
  11.         ]  
  12.     };  
  13. </script>  


最后,约定俗成地,一般define类似util的singleton模块,js文件的名字第一个字母小写;而类似RedTextDialog的类模块,第一个字母大写。


这篇关于一个de两种意思——谈谈Dojo define 和declare的区别的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/975020

相关文章

2.1/5.1和7.1声道系统有什么区别? 音频声道的专业知识科普

《2.1/5.1和7.1声道系统有什么区别?音频声道的专业知识科普》当设置环绕声系统时,会遇到2.1、5.1、7.1、7.1.2、9.1等数字,当一遍又一遍地看到它们时,可能想知道它们是什... 想要把智能电视自带的音响升级成专业级的家庭影院系统吗?那么你将面临一个重要的选择——使用 2.1、5.1 还是

Python中@classmethod和@staticmethod的区别

《Python中@classmethod和@staticmethod的区别》本文主要介绍了Python中@classmethod和@staticmethod的区别,文中通过示例代码介绍的非常详细,对大... 目录1.@classmethod2.@staticmethod3.例子1.@classmethod

Golan中 new() 、 make() 和简短声明符的区别和使用

《Golan中new()、make()和简短声明符的区别和使用》Go语言中的new()、make()和简短声明符的区别和使用,new()用于分配内存并返回指针,make()用于初始化切片、映射... 详细介绍golang的new() 、 make() 和简短声明符的区别和使用。文章目录 `new()`

Python中json文件和jsonl文件的区别小结

《Python中json文件和jsonl文件的区别小结》本文主要介绍了JSON和JSONL两种文件格式的区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下... 众所周知,jsON 文件是使用php JSON(JavaScripythonpt Object No

结构体和联合体的区别及说明

《结构体和联合体的区别及说明》文章主要介绍了C语言中的结构体和联合体,结构体是一种自定义的复合数据类型,可以包含多个成员,每个成员可以是不同的数据类型,联合体是一种特殊的数据结构,可以在内存中共享同一... 目录结构体和联合体的区别1. 结构体(Struct)2. 联合体(Union)3. 联合体与结构体的

什么是 Ubuntu LTS?Ubuntu LTS和普通版本区别对比

《什么是UbuntuLTS?UbuntuLTS和普通版本区别对比》UbuntuLTS是Ubuntu操作系统的一个特殊版本,旨在提供更长时间的支持和稳定性,与常规的Ubuntu版本相比,LTS版... 如果你正打算安装 Ubuntu 系统,可能会被「LTS 版本」和「普通版本」给搞得一头雾水吧?尤其是对于刚入

Python读取TIF文件的两种方法实现

《Python读取TIF文件的两种方法实现》本文主要介绍了Python读取TIF文件的两种方法实现,包括使用tifffile库和Pillow库逐帧读取TIFF文件,具有一定的参考价值,感兴趣的可以了解... 目录方法 1:使用 tifffile 逐帧读取安装 tifffile:逐帧读取代码:方法 2:使用

python中json.dumps和json.dump区别

《python中json.dumps和json.dump区别》json.dumps将Python对象序列化为JSON字符串,json.dump直接将Python对象序列化写入文件,本文就来介绍一下两个... 目录1、json.dumps和json.dump的区别2、使用 json.dumps() 然后写入文

native和static native区别

本文基于Hello JNI  如有疑惑,请看之前几篇文章。 native 与 static native java中 public native String helloJni();public native static String helloJniStatic();1212 JNI中 JNIEXPORT jstring JNICALL Java_com_test_g

Maven创建项目中的groupId, artifactId, 和 version的意思

文章目录 groupIdartifactIdversionname groupId 定义:groupId 是 Maven 项目坐标的第一个部分,它通常表示项目的组织或公司的域名反转写法。例如,如果你为公司 example.com 开发软件,groupId 可能是 com.example。作用:groupId 被用来组织和分组相关的 Maven artifacts,这样可以避免