当前位置:编程学习 > JAVA >>

dojo类机制简介

随着AJAX和RIA技术的发展,JavaScript被广泛的使用,并在开发中发挥着越来越重要的作用。JavaScript提供了特有的类机制,但是在语法习惯上与传统面向对象的语言有很大的不同,这使得不少的JavaScript开发人员感到比较迷惑,而dojo作为功能强大的JavaScript类库,有功能完整的类机制实现。本文将通过实例介绍dojo的类机制,这是dojo提供的一种强大和灵活的功能,其dijit UI组件框架也是以此为基础实现的。
1.     使用dojo定义类
声明dojo类是通过dojo.declare()方法来实现的,如我们想要定义一个名为com.levinzhang.Person的类,该类有name、age属性和getName、getAge方法:
 
Js代码 
dojo.declare("com.levinzhang.Person", null,{ 
      name:null, 
      age:null, 
      constructor: function(name,age){ 
        this.name = name; 
        this.age = age; 
}, 
getName:function(){ 
        return this.name; 
}, 
     getAge:function(){ 
        return this.age; 
    } 
}); 
 除了前面提到的属性的和方法以外,在代码中我们还定义了一个名为constructor的方法,这个方法在dojo的类机制中至关重要,当我们实例化该类得到对象的时候,该方法将会被调用,从而完成初始化的操作。
dojo的declare接受三个参数,分别为类的名称、要继承的父类以及该类的属性和方法。实例化类的语法也很简洁,与实例化普通的JavaScript类并无分别:
 
Js代码 
var person  = new com.levinzhang.Person("levinzhang",30); 
alert(person.getName());//将会提示出levinzhang 
 2.     实现静态变量
在常见的面向对象语言中,经常会使用到类层次的静态变量,而通过dojo定义的类也能实现静态变量的需求,不过静态变量仅限于数组和对象类型。
 
Js代码 
staticInfo:{count:0}, 
constructor: function(name,age){ 
        this.name = name; 
        this.age = age; 
        ++this.staticInfo.count; 
    } 
 如上所示,如果定义了数组和对象,而没有在构造方法中进行修改的话,这个对象将会成为该类的静态属性,测试代码如下:
 
 
Js代码 
var person  = new com.levinzhang.Person("levinzhang",30); 
alert(person.staticInfo.count);//此时将会提示出1 
 
var person2  = new com.levinzhang.Person("levin",30); 
alert(person2.staticInfo.count);//此时将会提示出2 
        需要注意的两点是:1)对于原始类型的变量如数字、布尔值和字符串,dojo的类机制并没有提供实现静态属性的功能;2)如果定义的数组或对象属性在constructor方法中被重新赋值,那么该属性将不再是静态属性,而是每个实例化对象都持有一份属于自己的备份了。
3.    使用dojo实现继承
在JavaScript中没有直接实现继承的关键字,因此关于继承有多种的实现方式,代表性的是类式继承和原型式继承,但是不管哪种继承方式都需要开发人员对JavaScript语言本身有着很深厚的了解。dojo对JavaScript的继承机制进行了很好的封装,可以实现功能强大的类定义,我们将对一些常见的功能进行介绍。
dojo.declare方法中的第二个参数,是指明要继承的父类的,该参数可以为null(要定义的类没有父类)、单个类(要定义的类继承自一个父类)或数组(要定义的类继承自多个父类)。
1)  单继承
我们要定义一个名为com.levinzhang.Employee 的类,继承自com.levinzhang.Person,并要添加名为workExperience的属性、重写getName方法等功能:
 
Js代码 
dojo.declare("com.levinzhang.Employee", com.levinzhang.Person,{ 
    workExperience:null, 
        constructor: function(name,age,workExperience){ 
           this.workExperience = workExperience; 
         }, 
    getWorkExperience:function(){ 
           return this.workExperience; 
         }, 
    getName:function(){ 
          return "Employee:"+this.name; 
    }, 
    getInput:function(){ 
           return 5000; 
    } 
}); 
 在以上的代码中,我们定义的com.levinzhang.Employee继承了com.levinzhang.Person并添加了自定义的方法。测试代码如下:
 
 
Js代码 
var employee = new com.levinzhang.Employee("levin",30,4); 
alert(employee.getName());//将提示出Employee:levin 
alert(employee.getWorkExperience());//将提示出4 
alert(employee.getAge());//将提示出30 
 可以看到在Employee的实例中,我们能够调用父类中定义的方法。而在类的constructor初始化方法中,我们并没有调用父类相关的方法,但是我们成功初始化了name和age两个属性,这是因为dojo会自动调用父类的初始化方法,完成继承要求的相关初始化工作。
2)  多继承
dojo支持多继承的功能, dojo实现了被Python和很多支持多继承语言使用的C3算法。使用dojo的多继承功能时,需要注意的是:只有数组中的第一个元素会作为真正的父类,而其它的元素则是通过mixin的方式进行属性添加以构建原型链的。
如我们需要定义一个类来表示公司中的股票持有者(com.levinzhang.Shareholder),而公司中的员工可能也会持有股票,于是我们定义一个名为com.levinzhang.ShareholderEmployee的类继承自com.levinzhang.Shareholder和com.levinzhang.Employee。
 
Js代码 
dojo.declare("com.levinzhang.Shareholder", com.levinzhang.Person,{ 
    share:null, 
    constructor: function(args){ 
        this.share = args.share; 
    }, 
    getShare:function(){ 
        return this.share; 
    } 
}); 
 
dojo.declare("com.levinzhang.ShareholderEmployee", [com.levinzhang.Employee,com.levinzhang.Shareholder],{ 
     getInfo:function(){ 
        alert("I'm an Employee with stock.My share is "+this.getShare()+"."+"My name is "+this.getName()+"."); 
    } 
}); 
 在以上的代码中,我们调整了原有的初始化传入参数的格式,由传入多个参数改为传入一个简单JavaScript字面量对象的方式(原有的代码也要稍作调整),并通过多继承的方式实现了一个类用来描述持有股票的员工。测试代码如下:
 
 
Js代码 
    var shareholderEmployee =  new com.levinzhang.ShareholderEmployee({name:"levin",age:30,workExperience:4,share:300}); 
    shareholderEmployee.getInfo(); 
//将会提示出“I'm an Employee with stock.My share is 300. My name is Employee:levin.” 
 关于dojo多继承的更多话题,请参考dojo的文档资料。
3)  调用父类的方法
在编程中,我们经常会遇到在子类的某个方法中需要调用父类的方法来协作完成功能。如我们定义名为com.levinzhang.Manager的类,该类继承自com.levinzhang.Employee类,并重写getInput方法,Manager的收入分为两部分,一部分是与com.levinzhang.Employee

补充:web前端 , JavaScript ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,