JS库Mootools的Class类之二关于implements 高级篇

这篇是高级用法，主要是讲：如果你在实现类（实现基类的类）中声明和基类相同的属性或者方法的话，

实现类的方法或者函数，会被基类取代掉的。很有意思，动手实验下哦
 

Js代码

1. var BaseClass = new Class({   
2.   initialize : function(input_value){   
3.    this.inputValue = input_value;   
4.   },   
5.   testFunction : function(){   
6.    alert(" this is a base class function");   
7.   },   
8.   definedValue : " Defined in BaseClasss"  
9.  });   
10.  var ImpleClass = new Class({   
11.   Implements : BaseClass,   
12.   //下面的这些功能都在BaseClass中定义了   
13.   definedValue : 'Defined in ImpleClass',   
14.   testFuncton : function(){   
15.    alert('this function is defined in ImpleClass');   
16.   },   
17.   //下面这些都是自定义的   
18.   anotherDefinedValue : ' another value in ImpleClass',   
19.   anotherTestFunction : function(){   
20.    alert('another function in ImpleClass');   
21.   }   
22.      
23.  });   
24.    

  var BaseClass = new Class({
    initialize : function(input_value){
     this.inputValue = input_value;
    },
    testFunction : function(){
     alert(" this is a base class function");
    },
    definedValue : " Defined in BaseClasss"
   });
   var ImpleClass = new Class({
    Implements : BaseClass,
    //下面的这些功能都在BaseClass中定义了
    definedValue : 'Defined in ImpleClass',
    testFuncton : function(){
     alert('this function is defined in ImpleClass');
    },
    //下面这些都是自定义的
    anotherDefinedValue : ' another value in ImpleClass',
    anotherTestFunction : function(){
     alert('another function in ImpleClass');
    }
    
   });
   

 

 

     请注意，在实现类中重新定义了testFunction和definedVariable，
     就像我们添加新的函数和变量一样。特别需要注意的是：如果你想在实现类中定义
     一个已经在基类中定义了的函数或者变量，基类中的定义将会取代实现类中的定义。

    如果不明白，看看下面的例子就知道了。

Js代码

1. var impleClass = new ImpleClass();   
2.    impleClass.testFunction();   
3.    alert("impleClass.testValue:"+impleClass.definedValue);   
4.    //显示自定义的   
5.    impleClass.anotherTestFunction();   
6.    alert("impleClass.testValue:"+impleClass.anotherDefinedValue);