天天看點

JS庫Mootools的Class類之二關于implements

我們都知道java中有implements實作和extends繼承,通過實作和繼承,

可以在子類很簡單調用父類的方法,而不需要重新申明和實作相同的方法。mootools 也可以實作

輕松做到這一點。這次主要學習implements的使用方式, 使用方法很簡單

可以參考java哦、不廢話,直接帖碼,直覺些。

   (一)初級篇

Js代碼

JS庫Mootools的Class類之二關于implements
  1. //定義一個父類,隻有一個函數    
  2. var BaseClass = new Class({   
  3.             testFunction : function(){   
  4.                    alert("this function is BaseClass");   
  5.               }   
  6.   });   
  7. //建立實作部分   
  8. var ImpleClass = new Class({   
  9.   //所有是事情就是實作父類BaseClass   
  10.           Implements : BaseClass    
  11. });   
  12. //測試運作   
  13. var impleClass = new ImpleClass();   
  14. impleClass.testFunction();      //  testFunction(),在BaseClass中定義的。   
  15. //運作結果   
  16.  顯示  調用父類的 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代碼

JS庫Mootools的Class類之二關于implements
  1. //定義一個父類,隻有一個函數    
  2. var BaseClass = new Class({   
  3.            initialize : function(input_value){      //初始化   
  4.                   this.inputValue = input_value   
  5.            },   
  6.             testFunction : function(){   
  7.                    alert("BaseClass.testFunction:"+this.inputValue);   
  8.             },   
  9.             definedValue : 'Defined in BaseClass'   //定義一個屬性   
  10.   });   
  11. //建立實作部分   
  12. var ImpleClass = new Class({   
  13.   //所有是事情就是實作父類BaseClass   
  14.           Implements : BaseClass    
  15. });   
  16. //測試運作   
  17. var impleClass = new ImpleClass('this is the input value');   
  18. //  testFunction(),在BaseClass中定義的。   
  19. impleClass.testFunction();   
  20. //顯示變量definedValue的值   
  21. alert("impleClass.testValue:"+impleClass.definedValue);