天天看点

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);