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

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

阅读更多

   这篇是高级用法,主要是讲:如果你在实现类(实现基类的类)中声明和基类相同的属性或者方法的话,

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

  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,
     就像我们添加新的函数和变量一样。特别需要注意的是:如果你想在实现类中定义
     一个已经在基类中定义了的函数或者变量,基类中的定义将会取代实现类中的定义。

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

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

 

0
0
分享到:
评论

相关推荐

    Mootools 1.2教程(21)——类(二)

    本教程将深入讲解如何使用`Class`构造器创建类以及如何通过`Implements`关键字进行类的继承。 首先,我们定义一个基类`BaseClass`,如下所示: ```javascript var BaseClass = new Class({ testFunction: ...

    Class属性Extends和Implements的区别示例介绍

    在JavaScript中,当我们讨论Class属性Extends和Implements的区别时,我们通常是在讨论在某个特定的JavaScript框架或者库中的类的继承方式,比如在Prototype框架或Mootools框架中。 首先,我们来详细探讨一下Extends...

    mootools 1.2 中文html文档

    MooTools是一个JavaScript库,设计目标是提供一套优雅、实用且高效的工具,使得开发者能够构建高性能、可维护的Web应用程序。MooTools 1.2是该库的一个重要版本,它在1.1的基础上进行了很多改进和优化,提高了代码...

    MooTools 1.2 参考文档

    MooTools支持基于原型的面向对象编程,`Class`构造器用于定义类,`Implements`和`Extends`关键字分别实现接口和继承。`Chain`类提供链式调用,`Events`类添加事件处理能力。 ### 7. mootoolsDoc 文件 `mootoolsDoc...

    mootools和prototype的开发文档

    MooTools和Prototype是两个历史悠久且备受推崇的JavaScript库,它们都为开发者提供了丰富的功能和简洁的API,使得前端交互更加流畅。本文将深入探讨这两个框架的核心概念、关键特性以及它们在实际项目中的应用。 ##...

    Mootools 源码分析文档与完整文档打包下载.zip

    - **Function类**:JavaScript中的函数在Mootools中被提升为类,支持延迟执行、绑定上下文等高级特性。 - **Element对象**:Mootools封装了DOM元素,提供了一系列便捷的方法进行操作,如添加/删除样式、获取/设置...

    mootools学习文档

    `Class`构造函数用于定义类,`Implements`方法用于实现接口,而`extend`则用于类继承。 2. **元素操作**:MooTools提供了强大的DOM操作API,如`$(selector)`用于选择元素,`$$(selectors)`用于选择多个元素,以及一...

    mootools-12-cheat-sheet-pf.pdf

    #### Mootools的类系统(Class) Mootools提供了强大的面向对象编程能力,允许开发者定义和使用自定义类。通过`newClass(props)`创建类时,可以指定特殊属性如`Extends`用于继承,`Implements`用于实现接口或混入...

    mootools-node:mootools-server的npm软件包以与nodejs一起使用

    MooTools 1.5.2服务器有关总体上有关mootools的更多信息,建议您访问...new Class({ Implements: [process.EventEmitter], initialize: function() { //initialize here }, compute: function() { //some code this

    mootools-12-cheat-sheet

    #### 二、Class 类 在 Mootools 中,`Class` 是创建自定义类的基本结构。通过 `newClass` 方法可以创建新的类实例,并且可以传递属性对象来定制新类的行为。 - **`newClass(props)`** - **参数**:`props` - 一个...

    用Mootools获得操作索引的两种方法分享

    在JavaScript库Mootools中,获取元素集合的操作索引是一个常见的需求,特别是在处理用户交互或者构建动态效果时。本文将介绍两种使用Mootools获取操作索引的方法,并通过一个手风琴插件的示例来展示它们在实际应用中...

    spring+xifre 发布webservice服务

    在压缩包子文件的文件名称列表中提到了“mootools”,这是一个JavaScript库,主要用于前端开发,与Spring和XFire创建Web服务的后端技术关联不大。可能是由于信息提供不全或误放,如果这个项目确实包含了前端部分,...

Global site tag (gtag.js) - Google Analytics