ExtJs关于Ext.extend()的说明

Ext.extend方法是用来实现类的继承。
extend(Object subclass,Object superclass,[Object overrides] : Object
第一个参数：子类
第二个参数：父类
第三个参数：要覆盖的属性。
这里需要强调一下，子类继承下来的是父类中通过superclass.prototype方式定义的属性（包括用此方法定义的函数）。
例子如下：

<script type="text/javascript">
			function S(){
			}
			S.prototype.s = "s";
			S.prototype.s1 = "s1";
			function C(){
				this.c = "c";
				this.c1 = "c1";
			}
			Ext.extend(C,S,{s1:"by c overload"});
			var c = new C();
			alert(c.s); //s
			alert(c.s1); //by c overload
		</script>

如果按下面这个方式写就会提示c.s没有定义(undefind)：

<script type="text/javascript">
			function S(){
				this.s = "s";
				this.s1 = "s1";
			}
			function C(){
				this.c = "c";
				this.c1 = "c1";
			}
			Ext.extend(C,S,{s1:"by c overload"});
			var c = new C();
			alert(c.s); //undefind
			alert(c.s1); //by c overload
		</script>

也可以通过如下方式来实现类的继承

<script type="text/javascript">
			function S(){
			}
			S.prototype.s = "s";
			S.prototype.s1 = "s1";
			C = Ext.extend(S,{s1:"by c overload"});
			var c = new C();
			alert(c.s); //s
			alert(c.s1); //by c overload
		</script>

此时，C是子类，S是父类

评论

9 楼 paladin1988 2012-09-04  

恩，简单明了。。
感谢了，呵呵，转载了。。

8 楼 simen2008 2011-09-01  

           

7 楼 tyut8518 2010-02-25  

很明白的 谢谢

6 楼 mymani 2010-01-29  

看了之后才知道，原来还有这样的继承方式

5 楼 gkuiyj 2009-07-17  

恩  不错！ 一眼就能明白

4 楼 chunyou128 2008-12-07  

3 楼 zhw511006 2008-11-20  

b.superclass.constructor.call(this, id);
这个在子类中不用加

2 楼 huochai 2008-11-10  

简单明了，
简单明了。

1 楼 mogen9999 2008-05-28  

非常好非常好非常好非常好非常好