ExtJs关于Ext.extend()的说明

来源:互联网 发布:js数组splice用法 编辑:程序博客网 时间:2024/06/05 16:45

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

原创粉丝点击