在dojo框架下实现js的面向对象编程

trace

浏览: 126509 次
性别:
来自: 上海

最近访客更多访客>>

tobesn

north0808

429243408

lleelle

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

编程 Dojo 框架 JavaScript IE

         《JavaScript权威指南》中说到：“JavaScript是面向对象的语言”。这句话固然权威，但实现起来却缺少指南。究其原因，是JavaScript中含有Java这个单词（^_^开个玩笑）。不过，将js与Java对比后就可以发现，js没有直接提供名称空间（也就是包）的机制，同时，类的创建与Java也大相径庭，加之平常对js的使用，也就局限在一些function的定义和触发调用上，因此对js面向对象的性能不感冒，直到dojo这个js框架的出现，就像黑夜中的萤火虫，让人看到了js开发的新局面。

          我在参考了dojo book中的相关章节后，写下这篇介绍在dojo中实现js面向对象编程的帖子。如果您对js的面向对象的说法不理解，还请您先参考附件中的《JavaScript权威指南（第五版）》（En），相信这对您学习JavaScript有极大的帮助。

          好了，废话说了很多了。先新建一个工程（我用的是Eclipse3.2＋MyEclipse5.5＋JSEclipse插件）：DojoOO

          然后将dojo资源加入到工程文件中，现在看起来就像这样：

现在，在dojo文件夹的旁边，建一个自己的文件夹：trace，用来存放自己写的js包和类。

本来，按照Java的规矩，我应该搞个org.trace.***的目录结构的，但是在js中，每一个类我们都得写全称，所以包名就尽量简写了。现在，在trace文件夹下建立util文件夹。注意：dojo的二级文件夹名称是src，自定义的就不需要了，直接把dojo中的三级文件夹提到二级就对了。

现在，就是创建一个类了~~，别忙，在js中，由于没有包的机制，所以我们先得自己建个”包文件“：

注意，这个”包文件“的名字一律都是：__package__.js。内容如下：

dojo.kwCompoundRequire({common:["trace.util.Person", "trace.util.Employee"]});
dojo.provide("trace.util.*");

可以看到，用到了dojo的函数。解释一下，第一行是把包内所有的文件进行”注册“，照上面看来，这个util包内应该有Person.js和Employee.js两个文件。第二行就是产生这个包了。至于dojo具体是怎么做的……，咱不care，能用就行。

顺便说一说，如果你要写注释，最”安全“的办法就是将dojo中的某个__package__.js的注释代码段拷过来，再修改其中的内容。我曾经在js代码中遍地开花地写了很多注释，结果在firefox中可以运行，在ie中就报错了（鄙视它），删掉注释后就好了。所以，dojo怎么写，咱最好就怎么写。

现在，来写Person.js，内容如下：

dojo.provide("trace.util.Person");
trace.util.Person = function(name,age) {
this.name = name;
this.age = age;
}
trace.util.Person.prototype.sayWaoo = function() {alert("Waooooo~~");}

这就是《JavaScript权威指南》中最权威的js类定义了。第一行要解释一下，这是在dojo中定义一个类或模块（带包名）的模板语句。Employee.js暂时不写了。现在看起来就像这样：

现在，可以在index.jsp中写入测试代码了。内容如下：

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>测试页面</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript">
var djConfig = {
isDebug: true,
debugContainerId: "dojodebug",
bindEncoding: 'UTF-8'
};
</script>
<script type="text/javascript" src="/DojoOO/js/dojo/dojo.js"></script>
<script type="text/javascript">
dojo.require("trace.util.Person");
var trace = new trace.util.Person("AKai",23);
document.write(trace.name);
</script>
</head>
<body>
<div id="dojodebug"></div>
</body>
</html>

说明几点：1、不可以有base标签；2、dojo的配置一定要按照这个脚本段出现的顺序来；3、最好加上debug属性和一个装载debug信息的容器，不然在ie中很不好调试。

运行一下，看看效果吧：）

刚才在写Person时，用的是一般的js类定义。在dojo中，有它设计的更”亲切“的定义方法，如下：

dojo.declare("trace.util.Person",null,{
initializer : function(name, age){
this.name = name;
this.age = age;
},
sayWaoo: function() {
alert("Waoooo~~~");
},
statics {counter: 0, somethingElse: "hello"}
});

initializer就相当于构造函数，静态方法，实例方法的定义一目了然。可以注意到，其中有一个null，这表示Person类不继承于其他类，否则，这个null就换成它的父类，就实现了继承功能。（具体做法，参见dojo book中的相关章节）。本文同时也参考了这篇文章，在此，一并感谢原作者。

DojoOO.rar (3 MB)
描述: 工程源码以及JavaScript权威指南第五版（英文）
下载次数: 218

分享到：

YUI中logger的用法 | 搞定dojo引起的ie6“无法打开”的问题

2007-07-27 22:15
浏览 4963
评论(1)
论坛回复 / 浏览 (0 / 4047)
查看更多

1 楼 hehaibo 2008-01-07

这个例题非常好。解决了我许多的问题。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

kernel-devel-4.18.0-553.45.1.el8-10.x86-64.rpm: Rocky Linux 8.10内核包

Simulink中三阶单环多位量化Σ-Δ调制器的设计与实现-音频带ADC的应用（复现论文或解答问题，含详细可运行代码及解释）: 内容概要：本文档详细介绍了如何在Simulink中设计一个满足特定规格的音频带ADC（模数转换器）。首先选择了三阶单环多位量化Σ-Δ调制器作为设计方案，因为这种结构能在音频带宽内提供高噪声整形效果，并且多位量化可以降低量化噪声。接着，文档展示了具体的Simulink建模步骤，包括创建模型、添加各个组件如积分器、量化器、DAC反馈以及连接它们。此外，还进行了参数设计与计算，特别是过采样率和信噪比的估算，并引入了动态元件匹配技术来减少DAC的非线性误差。性能验证部分则通过理想和非理想的仿真实验评估了系统的稳定性和各项指标，最终证明所设计的ADC能够达到预期的技术标准。适用人群：电子工程专业学生、从事数据转换器研究或开发的技术人员。使用场景及目标：适用于希望深入了解Σ-Δ调制器的工作原理及其在音频带ADC应用中的具体实现方法的人群。目标是掌握如何利用MATLAB/Simulink工具进行复杂电路的设计与仿真。其他说明：文中提供了详细的Matlab代码片段用于指导读者完成整个设计流程，同时附带了一些辅助函数帮助分析仿真结果。

计算机课后习题.docx### 【计算机科学】研究生入学考试计算机组成原理专项题库设计：考研复习资源集成与优化: 内容概要：该题库专为研究生入学考试计算机组成原理科目设计，涵盖名校考研真题、经典教材课后习题、章节题库和模拟试题四大核心模块。名校考研真题精选多所知名高校的计算机组成原理科目及计算机联考真题，并提供详尽解析，帮助考生把握考研命题趋势与难度。经典教材课后习题包括白中英《计算机组成原理》（第5版）和唐朔飞《计算机组成原理》（第2版）的全部课后习题解答，这两部教材被众多名校列为考研指定参考书目。章节题库精选代表性考题，注重基础知识与重难点内容，帮助考生全面掌握考试大纲要求的知识点。模拟试题依据历年考研真题命题规律和热门考点，精心编制两套全真模拟试题，并附标准答案，帮助考生检验学习成果，评估应试能力。适用人群：计划参加研究生入学考试并报考计算机组成原理科目的考生，尤其是需要系统复习和强化训练的学生。使用场景及目标：①通过研读名校考研真题，考生可以准确把握考研命题趋势与难度，有效评估复习成效；②通过经典教材课后习题的练习，考生可以巩固基础知识，掌握解题技巧；③通过章节题库的系统练习，考生可以全面掌握考试大纲要求的各个知识点，为备考打下坚实基础；④通过模拟试题的测试，考生可以检验学习成果，评估应试能力，为正式考试做好充分准备。其他说明：该题库不仅提供详细的题目解析，还涵盖了计算机组成原理的各个方面，包括计算机系统概述、数据表示与运算、存储器分层、指令系统、中央处理器、总线系统和输入输出系统等。考生在使用过程中应结合理论学习与实践操作，注重理解与应用，以提高应试能力和专业知识水平。

__UNI__DB9970A__20250328141034.apk.1: __UNI__DB9970A__20250328141034.apk.1

minio-rsc-Rust资源: rust for minio

4-4-台区智能融合终端功能模块型式规范（试行）.pdf: 国网台区终端最新规范

《基于YOLOv8的化工管道焊缝缺陷检测系统》（包含源码、可视化界面、完整数据集、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计.zip: 资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。

python源码-1个机器学习相关资源: 一个简单的机器学习代码示例，使用的是经典的鸢尾花（Iris）数据集，通过 Scikit-learn 库实现了一个简单的分类模型。这个代码可以帮助你入门机器学习中的分类任务。

pyqt离线包，pyqt-tools离线包: pyqt离线包，pyqt-tools离线包

《基于YOLOv8的船舶机舱灭火系统状态监测系统》（包含源码、可视化界面、完整数据集、部署教程）简单部署即可运行。功能完善、操作简单，适合毕设或课程设计.zip: 资源内项目源码是来自个人的毕业设计，代码都测试ok，包含源码、数据集、可视化页面和部署说明，可产生核心指标曲线图、混淆矩阵、F1分数曲线、精确率-召回率曲线、验证集预测结果、标签分布图。都是运行成功后才上传资源，毕设答辩评审绝对信服的保底85分以上，放心下载使用，拿来就能用。包含源码、数据集、可视化页面和部署说明一站式服务，拿来就能用的绝对好资源！！！项目备注 1、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习，也适合小白学习进阶，当然也可作为毕设项目、课程设计、大作业、项目初期立项演示等。 3、如果基础还行，也可在此代码基础上进行修改，以实现其他功能，也可用于毕设、课设、作业等。下载后请首先打开README.txt文件，仅供学习参考, 切勿用于商业用途。

SQL常用日期和时间函数整理及使用示例: SQL常用日期和时间函数整理及在sqlserver测试示例主要包括 1.查询当前日期GETDATE 2.日期时间加减函数DATEADD 3 返回两个日期中指定的日期部分之间的差值DATEDIFF 4.日期格式转换CONVERT(VARCHAR(10),GETDATE(),120) 5.返回指定日期的年份数值 6.返回指定日期的月份数值 7.返回指定日期的天数数值