Mootools中的Class应用-技术开发专区

Mootools中的Class应用

作者：ITPUB论坛编辑： nancy 2008-04-08 00:00

【IT168技术文档】

我没有用过别的javascript框架，mootools是我接触的第一个javascript框架。所以我说不出和别的javascript框架比有哪些长处。我在这里只是把我对mootools中class的了解写出来，给同样的使用者提供个参考。

下面我创建个Class:

var person=new Class({
initialize:function(name,sex,age,address){
this.name=name;
this.sex=sex;
this.age=age;
this.address=address;
},
display:function(){
var info='姓名：'+this.name+'"n性别：'+this.sex+'"n年龄：'+this.age+'"n住址：'+this.address;
alert(info);
}
});

这个类有四个数据成员和一个显示方法，可以像下面一样初始化对象和调用方法：

            var ywg1=new person ('ywg','男','25','浙江宁波');
ywg1.display();

Class有两个属性：extend和implement。extend表是继承，implement表示类的扩展。

下面看一个继承的例子：

       var ywg=person.extend({
initialize:function(name,sex,age,address,BeFondOf){
this.parent(name,sex,age,address);
this.BeFondOf=BeFondOf;
},
display:function(){
var info='姓名：'+this.name+'"n性别：'+this.sex+'"n年龄：'+this.age+'"n住址：'+this.address+'"n爱好：'+this.BeFondOf;
alert(info);
}
});

我创建了一个类ywg，使他继承person类，在ywg里面添加了一个数据成员BeFondOf，还有个display方法。按照上面创建对象和调用方法的形式我们可以写出下面的代码：

            var ywg2=new ywg('ywg','男','25','浙江宁波','看书，编程，上网，游戏');
ywg2.display();

关注我们