`
yxgyh
  • 浏览: 269057 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Ext.extend()的说明

    博客分类:
  • Ext
阅读更多
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>  
<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):
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>  
<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>


也可以通过如下方式来实现类的继承
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>  
<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是父类
分享到:
评论

相关推荐

    jquery的extend和fn.extend的使用说明

    jQuery为开发插件提拱了两个方法,分别是: 代码如下: jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象...

    Ext+JS高级程序设计.rar

    9.1 利用Ext.extend实现继承 254 9.2 与Ext扩展相关的预备知识 256 9.2.1 定义命名空间 256 9.2.2 重写构造函数 257 9.2.3 继承组件的一些准备 257 9.2.4 常用的辅助函数 258 9.2.5 使用xtype 258 9.3 实现一个功能...

    ext.js核心类的介绍

    extend 这个类的介绍,主要是对JS的继承的详细说明

    Vue组件教程之Toast(Vue.extend 方式)详解

    二、说明 这类提示框组件我们通常都会直接在 JS 代码中进行调用。像下面这样: this.$toast('别点啦,到头啦!') 但看到网上大多数还是通过 component 方式实现的,这样的话我们在使用的时候还要在 DOM 中放置一个...

    Vue.js中的extend绑定节点并显示的方法

    下面利用实例说明,操作如下: 第一步,创建一个静态页面并引入vue.js文件,并在主体元素标签中插入一个div,设置id属性,如下图所示: 第二步,在[removed][removed]标签中调用Vue.extend(),设置template和data...

    easyui+增强窗体 demo_ext为实例文件

    1、tree增加支持类标准数据格式加载,具体看demo或jquery.easyui.tree.extend.js文件开头说明。 2、修复datagrid在rowediting编辑风格时点击“确定”按钮无法提交问题。 3、datagrid和treegrid增加getEditingRows...

    openfoam-extend-OpenFOAM-1.6-ext:git 的非官方镜像

    OpenFOAM README for version 1.6-ext # 执照 OpenFOAM 是免费软件; 您可以根据自由软件基金会发布的 GNU 通用公共许可证的条款重新分发和/或修改它; 许可证的第 2 版,或(由您选择)任何更高版本。 请参阅此...

    入门学习Linux常用必会60个命令实例详解doc/txt

    举例而言,如要挂载下列5个设备,其执行指令可能如下 (假设都是Linux的ext2系统,如果是Windows XX请将ext2改成vfat): 软盘 ===&gt;mount -t ext2 /dev/fd0 /mnt/floppy cdrom ===&gt;mount -t iso9660 /dev/hdc /mnt/...

    易语言-易语言调用腾讯云发送短信例子

    1 协议说明 协议 HTTP POST 编码格式 UTF8 URL 举例:https://yun.tim.qq.com/v5/tlssmssvr/sendsms?sdkappid=xxxxx&random=xxxx 接口说明 给用户发短信验证码、短信通知,营销短信(内容长度不超过450字)。 注:...

    龙帝国S&R&S9.8 0102 优秀的系统封装工具

    S&R&S9.8 0102更新说明: ;更新SRS的驱动,能兼容最新硬件 ;解决了在很多主板上蓝屏的问题 引用: 功能特性: 1,支持F6从软驱加载SATA/RAID/SCSI驱动(就像全新安装那种方式) 2,可以方便地制作N合一克隆 ...

Global site tag (gtag.js) - Google Analytics