//javsscript继承方式
var People =function(sex){
this.name='名字';
this.age=0;
this.sex=sex;
}
People.prototype.talk=function(){window.alert('说话');}
People.prototype.walk=function(){window.alert('走');}
People.prototype.description=function(){window.alert(this.name+' 是 '+this.age+" "+this.sex);}
var Worker=function(){
People.call(this,'男'); //调用父类的构造函数初始化数据 将父类构造函数中数据复制到子类中,'男' 是传入给父类构造函数的参数,可以省略
this.name='jack'; //覆盖父类属性
this.age=12;
}
Worker.prototype=new People(); //实现继承,获取父类属性和函数
Worker.prototype.doJob=function(){window.alert('工作');}
Worker.prototype.talk=function(){window.alert('工作交谈')}//覆盖父类函数
var worker=new Worker();
worker.doJob();
worker.talk(); //打印'工作交谈'
worker.description(); //打印 'jack 是 12 undefined'
//extJs继承
var Student=function(config){
//调用父类构造函数初始化数据,将父类构造函数中数据复制到子类中,config是传给初始化父类构造函数的参数,可以省略。
Student.superclass.constructor.call(this,'男');
/*从config复制函数或者属性给Student构造函数*/
Ext.apply(this,config);
}
//extend实现子类student继承父类people
Ext.extend(Student,People,{study:function(){window.alert('学习')},
talk:function(){window.alert('学习交谈')}
} //此对象中的属性,函数添加到子类的prototype原型对象中,或者覆盖父类prototype原型中的属性和函数。
);
var student=new Student({name:'xx',age:23});
student.talk();
student.walk();
student.description();
分享到:
相关推荐
- **类的定义**: Extjs中的类继承于JavaScript原生类,通过Ext.extend来定义。这是Extjs实现面向对象编程的基础。 - **命名空间**: 命名空间在Extjs中用于组织和管理代码,避免变量和函数名的冲突。 #### 3. Extjs ...
总结一下,JavaScript的类继承是通过构造函数、原型链和实例化来实现的。`this.callParent`方法(虽然不是原生JavaScript特性)提供了一种优雅的方式,允许我们在子类中调用父类的方法,从而保持代码的整洁和可维护...
在EXTJS中,DOM节点获取是通过Element类实现的,这是一个封装了原生DOM操作方法的类,使得操作DOM元素变得更加方便和安全。Element类中包含很多方法来获取和操作DOM元素,如:get、query、select等方法。通过这些...
ExtJS 是一个强大的JavaScript应用程序框架,用于构建交互式的Web应用。在ExtJS中,下拉框(ComboBox)是常见的UI组件,通常用于显示一个可选的列表。然而,标准的ExtJS下拉框只支持单选模式。为了实现多选功能,...
在JavaScript的世界里,由于语言设计的原因,传统的面向对象编程中的多继承并不是原生支持的特性。然而,通过一些技巧和框架提供的机制,如ExtJS,我们可以实现类似的效果。本示例将详细介绍如何在ExtJS4中利用...
在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,包括各种UI控件,如表格、表单、树形视图等。在给定的“Extjs4 combogrid扩展”中,我们主要关注的是...
EXTJS是一种广泛应用于Web开发的JavaScript库,特别适合构建富客户端应用。在EXTJS中,时间控件(Date Picker)是常见的元素,用于选择日期或时间。然而,有时开发人员可能需要对这些控件进行自定义,以满足特定业务...
ExtJS是一款基于JavaScript的富客户端应用开发框架,它提供了丰富的组件库,用于构建复杂的Web应用程序。在3.2和3.3版本中,ExtJS的时间控件(DateTimeField)和日期控件(DateField)是开发者常用的功能组件,用于...
首先,我们来看看`LovCombo.js`,这可能是一个自定义的组合框组件,扩展了ExtJS的原生ComboBox类,以实现多选功能。在ExtJS中,创建这样的组件通常涉及到以下步骤: 1. **创建一个新的类**:定义一个继承自Ext.form...
ExtJS通过类系统(Class System)增强了JavaScript的对象模型,支持类继承、接口、静态方法等特性,使得代码结构更加清晰,易于维护。它还封装了许多原生JavaScript对象,如Date、Array,提供了更多的实用方法。 ...
"获取多个DOM的节点"介绍了EXTJS中选择和操作多个DOM元素的方法,如使用Selector选择器和DomQuery,这些都是EXTJS增强JavaScript原生DOM操作的工具。 "响应事件"部分讲解了EXTJS的事件监听和处理机制,包括如何为...
- 通过`Ext.extend`和`Ext.override`方法可以实现类的继承和重写。 - **配置(config)选项** - 配置选项是Extjs组件的核心,用于设置组件的各种属性和行为。 - 通常在组件构造函数中通过传递一个配置对象来指定...
这种方式不仅解决了EXTJs原生组件的限制,还充分利用了My97DatePicker的强大功能,提高了开发效率和用户体验。 需要注意的是,在实际应用中,可能会遇到跨域问题,因为My97DatePicker的资源可能不在同一域名下。...
在本文中,我们将深入探讨如何在ExtJS中扩展PropertyGrid以实现分组功能,这个问题源自于原生ExtJS PropertyGrid控件不支持属性分组。首先,我们要理解PropertyGrid的基本结构,它主要由以下几个核心部分组成: 1. ...
3. **扩展CheckboxSelectionModel**:自定义控件可能通过继承并扩展ExtJS的CheckboxSelectionModel,添加必要的功能,如`cascadeSelect`和`cascadeDeselect`方法,来实现级联操作。 4. **渲染逻辑**:控件可能需要...
这些内容是开发者日常工作中必不可少的基础,通过对 JavaScript 的原生特性的扩展,Ext JS 提供了更加强大和灵活的功能。 事件机制是 Ext JS 中的关键部分,书籍专门用一章来阐述。从浏览器事件机制开始,逐步深入...
创建类时,虽然ExtJS提供了一套完整的类系统,但也可以选择使用JavaScript原生语法。继承机制可以通过直接赋值原型链实现,或者使用`Ext.extend`方法。此外,`Ext.apply`可以用来动态地添加属性和方法到对象上。 ...