`
sunlongfei
  • 浏览: 9383 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

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

 

0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics