JS庫Mootools的Class類之二關於implements

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

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

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

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

   (一)初級篇

Js代碼 複製代碼
  1. //定義一個父類,只有一個函數    
  2. var BaseClass = new Class({   
  3.             testFunction : function(){   
  4.                    alert("this function is BaseClass");   
  5.               }   
  6.   });   
  7. //創建實現部分   
  8. var ImpleClass = new Class({   
  9.   
  10.   //所有是事情就是實現父類BaseClass   
  11.           Implements : BaseClass    
  12. });   
  13.   
  14. //測試運行   
  15. var impleClass = new ImpleClass();   
  16. impleClass.testFunction();      //  testFunction(),在BaseClass中定義的。   
  17.   
  18. //運行結果   
  19.  顯示  調用父類的 testFunction() 函數  

比較簡單吧。 下面在提升下,增加屬性和函數的實現。

(二) 中級篇

Js代碼 複製代碼
  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.   
  14.   //所有是事情就是實現父類BaseClass   
  15.           Implements : BaseClass    
  16. });   
  17.   
  18. //測試運行   
  19. var impleClass = new ImpleClass('this is the input value');   
  20. //  testFunction(),在BaseClass中定義的。   
  21. impleClass.testFunction();   
  22. //顯示變量definedValue的值   
  23. alert("impleClass.testValue:"+impleClass.definedValue);  
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章