`
猫不吃的鱼
  • 浏览: 158596 次
  • 性别: Icon_minigender_1
  • 来自: 芜湖市
社区版块
存档分类
最新评论

ExtJS继承和javascript原生继承

阅读更多
//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();



1
1
分享到:
评论

相关推荐

    Javascript类的继承,使用this.callParent调用超类方法

    总结一下,JavaScript的类继承是通过构造函数、原型链和实例化来实现的。`this.callParent`方法(虽然不是原生JavaScript特性)提供了一种优雅的方式,允许我们在子类中调用父类的方法,从而保持代码的整洁和可维护...

    extjs多选 下拉框扩展

    ExtJS 是一个强大的JavaScript应用程序框架,用于构建交互式的Web应用。在ExtJS中,下拉框(ComboBox)是常见的UI组件,通常用于显示一个可选的列表。然而,标准的ExtJS下拉框只支持单选模式。为了实现多选功能,...

    ExtJS4中使用mixins实现多继承示例

    在JavaScript的世界里,由于语言设计的原因,传统的面向对象编程中的多继承并不是原生支持的特性。然而,通过一些技巧和框架提供的机制,如ExtJS,我们可以实现类似的效果。本示例将详细介绍如何在ExtJS4中利用...

    Extjs4 combogrid扩展

    在IT行业中,ExtJS是一个广泛使用的JavaScript库,用于构建富客户端Web应用程序。它提供了一套完整的组件模型,包括各种UI控件,如表格、表单、树形视图等。在给定的“Extjs4 combogrid扩展”中,我们主要关注的是...

    extjs扩展年度控件,EXTJS里的时间控件的年度重写

    EXTJS是一种广泛应用于Web开发的JavaScript库,特别适合构建富客户端应用。在EXTJS中,时间控件(Date Picker)是常见的元素,用于选择日期或时间。然而,有时开发人员可能需要对这些控件进行自定义,以满足特定业务...

    extjs3.2、3.3 时间控件 日期控件扩展

    ExtJS是一款基于JavaScript的富客户端应用开发框架,它提供了丰富的组件库,用于构建复杂的Web应用程序。在3.2和3.3版本中,ExtJS的时间控件(DateTimeField)和日期控件(DateField)是开发者常用的功能组件,用于...

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    首先,我们来看看`LovCombo.js`,这可能是一个自定义的组合框组件,扩展了ExtJS的原生ComboBox类,以实现多选功能。在ExtJS中,创建这样的组件通常涉及到以下步骤: 1. **创建一个新的类**:定义一个继承自Ext.form...

    learning-Extjs国外第一本Ext译本

    ExtJS通过类系统(Class System)增强了JavaScript的对象模型,支持类继承、接口、静态方法等特性,使得代码结构更加清晰,易于维护。它还封装了许多原生JavaScript对象,如Date、Array,提供了更多的实用方法。 ...

    EXT 中文手册

    "获取多个DOM的节点"介绍了EXTJS中选择和操作多个DOM元素的方法,如使用Selector选择器和DomQuery,这些都是EXTJS增强JavaScript原生DOM操作的工具。 "响应事件"部分讲解了EXTJS的事件监听和处理机制,包括如何为...

    用My97扩展ExtJs日期时间插件 (EXT不支持时分秒,我们借助my97完成需求)

    这种方式不仅解决了EXTJs原生组件的限制,还充分利用了My97DatePicker的强大功能,提高了开发效率和用户体验。 需要注意的是,在实际应用中,可能会遇到跨域问题,因为My97DatePicker的资源可能不在同一域名下。...

    ExtJs扩展之GroupPropertyGrid代码

    在本文中,我们将深入探讨如何在ExtJS中扩展PropertyGrid以实现分组功能,这个问题源自于原生ExtJS PropertyGrid控件不支持属性分组。首先,我们要理解PropertyGrid的基本结构,它主要由以下几个核心部分组成: 1. ...

    弥补ExtJs CheckboxSelectionModel不能级联的自定义控件

    3. **扩展CheckboxSelectionModel**:自定义控件可能通过继承并扩展ExtJS的CheckboxSelectionModel,添加必要的功能,如`cascadeSelect`和`cascadeDeselect`方法,来实现级联操作。 4. **渲染逻辑**:控件可能需要...

    ext入门学习[归类].pdf

    创建类时,虽然ExtJS提供了一套完整的类系统,但也可以选择使用JavaScript原生语法。继承机制可以通过直接赋值原型链实现,或者使用`Ext.extend`方法。此外,`Ext.apply`可以用来动态地添加属性和方法到对象上。 ...

    Ext官方PPT,强烈推荐

    - ExtJS的类系统基于JavaScript的原型继承,但提供了更规范的类定义和实例化机制。 - `Ext.Class`是类定义的核心,可以通过配置项定义类的属性、方法和事件。 - 观察者模式是事件处理的一种实现,允许对象订阅...

    extjsCombo下拉框多选

    ExtJS是一款强大的JavaScript框架,主要用于构建富客户端的Web应用程序。在ExtJS中,Combo(下拉框)是一种常用的组件,通常用于实现单选选择。...同时,这也是提升JavaScript和ExtJS框架技能的一个好途径。

Global site tag (gtag.js) - Google Analytics