日期:2014-05-16  浏览次数:20383 次

JS库Mootools的Class类之二关于implements

??? 我们都知道java中有implements实现和extends继承,通过实现和继承,

可以在子类很简单调用父类的方法,而不需要重新申明和实现相同的方法。mootools 也可以实现

轻松做到这一点。这次主要学习implements的使用方式, 使用方法很简单

可以参考java哦、不废话,直接帖码,直观些。

?? (一)初级篇

//定义一个父类,只有一个函数 
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() 函数

比较简单吧。 下面在提升下,增加属性和函数的实现。

(二) 中级篇

//定义一个父类,只有一个函数 
var BaseClass = new Class({
           initialize : function(input_value){      //初始化
                  this.inputValue = input_value
           },
            testFunction : function(){
                   alert("BaseClass.testFunction:"+this.inputValue);
            },
            definedValue : 'Defined in BaseClass'   //定义一个属性
  });
//创建实现部分
var ImpleClass = new Class({

  //所有是事情就是实现父类BaseClass
          Implements : BaseClass 
});

//测试运行
var impleClass = new ImpleClass('this is the input value');
//  testFunction(),在BaseClass中定义的。
impleClass.testFunction();
//显示变量definedValue的值
alert("impleClass.testValue:"+impleClass.definedValue);

?