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>

<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(){
				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>

<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是父类

评论

4 楼 Sencha_Android 2012-02-18  

pywepe 写道

lz 乱讲 Ext.extend明明可以继承到"实例属性"

function base(){
this.name = 'fkeede';
}
base.prototype.addr = "addr";

// 实例属性 和原型属性都可以继承到
var sub = Ext.extend(base,{age:20});

alert(new sub().name);
alert(new sub().addr);

如果在继承时在override参数中定义了constructor方法，则子类不会继承父类在构造函数中定义的属性，但是可以继承在prototype中定义的属性，在这种情况下只有在constructor中调用父类的构造函数myClass.superclass.constructor.call(this,……）;才会继承父类在构造函数中定义的对象。

3 楼 pywepe 2011-10-20  

lz 乱讲 Ext.extend明明可以继承到"实例属性"

function base(){
this.name = 'fkeede';
}
base.prototype.addr = "addr";

// 实例属性 和原型属性都可以继承到
var sub = Ext.extend(base,{age:20});

alert(new sub().name);
alert(new sub().addr);

2 楼 xiaofan_0204 2010-10-28  

学习了，讲的挺细的！呵呵

1 楼 wustarts 2008-07-03  

                      [/size][size=x-small][color=gray][/color]

[/align][align=center]

[/align][align=center]

[/align][align=right]