JS库Mootools的Class类之二关于implements

来源:互联网 发布:2015比较火的网络歌曲 编辑:程序博客网 时间:2024/05/20 19:16

我们都知道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);  
原创粉丝点击