我們都知道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);