Extjs2.0---继承

ttitfly

于 2008-05-14 17:47:53 发布

阅读量107

点赞数

分类专栏： ajax/js 文章标签： EXT prototype

ajax/js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用Extjs2.0中的Ext.extend方法实现类的继承，并展示了父类BaseClass与子类SubClass的具体定义及使用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Extjs2.0里通过Ext.extend方法实现继承


//父类定义
BaseClass = function(){
	//begin
	this.cry = function(){//this.不能丢
		alert("crying....");
	}
	//end
}

BaseClass.prototype.name="";
BaseClass.prototype.say = function(){
	alert("say parent");
}
BaseClass.prototype.talk = function(){
	alert("talk parent");
}
//子类定义
SubClass = function(){
	SubClass.superclass.constructor.call(this);//调用父类构造函数,也就是执行BaseClass里的begin--->end中间的代码。如果这行代码注释掉，则begin---->end中间的代码不会初始化，但是父类用prototype构造的属性和方法任然会初始化
	//js里子类实例化时是不会去自己调用父类的构造函数的
	this.walk = function(){//this.必须要加上，否则SubClass的实例对象没有办法引用到该walk方法
		alert("i'm warking");
	}
}
//继承,第3个参数{}，覆盖或者扩展父类方法，该参数也可以不要
Ext.extend(SubClass,BaseClass,{
	say:function(){
		alert("overide say");
	},
	jump:function(){
		alert("jumping");
	}

});
var sb = new SubClass();
sb.say();//overide say
sb.walk();//i'm warking
sb.jump();//jumping
sb.talk();//talk parent
sb.cry();//crying....