JS库Mootools的Class类之二关于implements

我们都知道java中有implements实现和extends继承，通过实现和继承，

可以在子类很简单调用父类的方法，而不需要重新申明和实现相同的方法。mootools 也可以实现

轻松做到这一点。这次主要学习implements的使用方式， 使用方法很简单

可以参考java哦、不废话，直接帖码，直观些。

（一）初级篇

Js代码



//定义一个父类，只有一个函数

var BaseClass = new Class({

testFunction : function(){

alert("this function is BaseClass");

}

});

//创建实现部分

var ImpleClass = new Class({

//所有是事情就是实现父类BaseClass

Implements : BaseClass

});

//测试运行

var impleClass = new ImpleClass();

impleClass.testFunction(); // testFunction(),在BaseClass中定义的。

//运行结果

显示 调用父类的 testFunction() 函数

//定义一个父类，只有一个函数
var BaseClass = new Class({
testFunction : function(){
alert("this function is BaseClass");
}
});
//创建实现部分
var ImpleClass = new Class({

//所有是事情就是实现父类BaseClass
Implements : BaseClass
});

//测试运行
var impleClass = new ImpleClass();
impleClass.testFunction();      //  testFunction(),在BaseClass中定义的。

//运行结果
显示  调用父类的 testFunction() 函数

比较简单吧。 下面在提升下，增加属性和函数的实现。

（二） 中级篇

Js代码



//定义一个父类，只有一个函数

var BaseClass = new Class({

initialize : function(input_value){ //初始化

this.inputValue = input_value

},

testFunction : function(){

alert("BaseClass.testFunction:"+this.inputValue);

},

definedValue : 'Defined in BaseClass' //定义一个属性

});

//创建实现部分

var ImpleClass = new Class({

//所有是事情就是实现父类BaseClass

Implements : BaseClass

});

//测试运行

var impleClass = new ImpleClass('this is the input value');

// testFunction(),在BaseClass中定义的。

impleClass.testFunction();

//显示变量definedValue的值

alert("impleClass.testValue:"+impleClass.definedValue);