ExtJs关于Ext.extend()的说明

ExtJs关于Ext.extend()的说明

• 博客分类： 
• ExtJs

EXT C C++ C# prototype 

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

Js代码 

1. <script type="text/javascript">   
2.             function S(){   
3.             }   
4.             S.prototype.s = "s";   
5.             S.prototype.s1 = "s1";   
6.             function C(){   
7.                 this.c = "c";   
8.                 this.c1 = "c1";   
9.             }   
10.             Ext.extend(C,S,{s1:"by c overload"});   
11.             var c = new C();   
12.             alert(c.s); //s   
13.             alert(c.s1); //by c overload   
14.         </script>  

Js代码  

1. <script type="text/javascript">  
2.             function S(){  
3.             }  
4.             S.prototype.s = "s";  
5.             S.prototype.s1 = "s1";  
6.             function C(){  
7.                 this.c = "c";  
8.                 this.c1 = "c1";  
9.             }  
10.             Ext.extend(C,S,{s1:"by c overload"});  
11.             var c = new C();  
12.             alert(c.s); //s  
13.             alert(c.s1); //by c overload  
14.         </script>  

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

Js代码 

1. <script type="text/javascript">   
2.             function S(){   
3.                 this.s = "s";   
4.                 this.s1 = "s1";   
5.             }   
6.             function C(){   
7.                 this.c = "c";   
8.                 this.c1 = "c1";   
9.             }   
10.             Ext.extend(C,S,{s1:"by c overload"});   
11.             var c = new C();   
12.             alert(c.s); //undefind   
13.             alert(c.s1); //by c overload   
14.         </script>  

Js代码  

1. <script type="text/javascript">  
2.             function S(){  
3.                 this.s = "s";  
4.                 this.s1 = "s1";  
5.             }  
6.             function C(){  
7.                 this.c = "c";  
8.                 this.c1 = "c1";  
9.             }  
10.             Ext.extend(C,S,{s1:"by c overload"});  
11.             var c = new C();  
12.             alert(c.s); //undefind  
13.             alert(c.s1); //by c overload  
14.         </script>  

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

Js代码 

1. <script type="text/javascript">   
2.             function S(){   
3.             }   
4.             S.prototype.s = "s";   
5.             S.prototype.s1 = "s1";   
6.             C = Ext.extend(S,{s1:"by c overload"});   
7.             var c = new C();   
8.             alert(c.s); //s   
9.             alert(c.s1); //by c overload   
10.         </script>  

Js代码  

1. <script type="text/javascript">  
2.             function S(){  
3.             }  
4.             S.prototype.s = "s";  
5.             S.prototype.s1 = "s1";  
6.             C = Ext.extend(S,{s1:"by c overload"});  
7.             var c = new C();  
8.             alert(c.s); //s  
9.             alert(c.s1); //by c overload  
10.         </script>  

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

分享到：   

透析Extjs的Ext.js源码（一）对象属性的添 ... |  用了ExtJs后，IE打开页面是空白的问题解决

• 2008-07-02 23:54
• 浏览 20254
• 评论(4)
• 相关推荐

评论

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]