`

【第一胖】EXT----ext.extend的说明.

阅读更多

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

 

//定义父类
function father(){}//定义一个空对象   
father.prototype.s = "我是老爸";   
father.prototype.s1 = "我是家长";   
//定义子类
function son(){   
    this.c = "儿子听话";   
    this.c1 = "儿子乖";   
}

//使用EXT.extend 
Ext.extend(son,father,{s1:"老爸给钱"});   
var c = new son();   
alert(c.s); //输出结果:我是老爸   
alert(c.s1); //输出结果:老爸给钱

/*备注:prototype就是“一个给类的对象添加方法的方法”,使用prototype属性,可以给类动态地添加方法,以便在JavaScript中实现“继承”的效果。*/ 

 这里需要注意子类和父类的顺寻,子类在前,父类在后。

分享到:
评论

相关推荐

    EXT文档 不下后悔.doc

    - 类的继承在EXT中通过`Ext.extend()`实现,有两种形式,其中第二种形式允许在已有的类上扩展新的功能。 5. **类继承**: - EXT支持两种类继承方式: 1. `MyClass = Ext.extend(SuperClass, { /* */ });` 2. `...

    Ext Js权威指南(.zip.001

    第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 在javascript中使用json / 4 1.2.5 在.net中使用...

    ext入门学习.pdf

    编写第一个“Hello World”程序,可以创建一个HTML文件,引入ExtJS的库文件,并在`onReady`函数中设置一个简单的弹窗提示,如下所示: ```html <!DOCTYPE html> <title>Hello Ext3.0 ...

    extjs单元格合并

    // 清除合并的行中,非第一行的数据 cleanRenderer: function(column, value, metaData, record, rowIndex, colIndex, store) { var rowspan = column.rowspan; if (!Ext.isEmpty(rowspan) && rowspan !== 0) { ...

    Ext深入浅出 数据传输

    第12 章 一个完整的EXT 应用......................... 317 12.1 确定整体布局........................................ 317 12.2 使用HTML和CSS设置静态信息.......... 319 12.3 对学生信息进行数据建模.............

    Ext+JS高级程序设计.rar

    第一部分 Ext Core 第1章 Ext Core重要概念 2 1.1 Ext.Element 2 1.1.1 获取HTMLElement节点的Ext.Element实例 2 1.1.2 CSS样式操作 3 1.1.3 DOM查询与遍历 4 1.1.4 DOM操作 6 1.1.5 事件处理 9 1.1.6 尺寸大小 13 ...

    ext入门学习[归类].pdf

    编写第一个ExtJS程序,也就是“Hello World”程序,通常包括设置HTML结构,引入所需的CSS和JavaScript文件。在`Ext.onReady`函数中,你可以添加代码,在页面加载完成后执行,比如弹出一个提示框显示“Hello Ext3.0,...

    精通JS脚本之ExtJS框架.part1.rar

    第1章 JavaScript入门必备 1.1 JavaScript语言概述 1.1.1 JavaScript简介 1.1.2 JavaScript特点 1.1.3 JavaScript与Java 1.2 第一个JavaScript程序 1.2.1 嵌入JavaScript 1.2.2 链接外部JavaScript文件 ...

    精通JS脚本之ExtJS框架.part2.rar

    第1章 JavaScript入门必备 1.1 JavaScript语言概述 1.1.1 JavaScript简介 1.1.2 JavaScript特点 1.1.3 JavaScript与Java 1.2 第一个JavaScript程序 1.2.1 嵌入JavaScript 1.2.2 链接外部JavaScript文件 ...

    Ext JS in Action (第1版,深入研究Ext JS 3.0)

    Ext JS in Action is a comprehensive guide to Ext JS. By following its rich examples, patterns, and best practices, you'll achieve the kinds of results you only see in top JavaScript applications. This...

    jQuery中$.extend()用法实例

    如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对象共享结构。 未定义的属性将不会被复制,然而从对象的原型继承的属性将会被复制。 看下面的代码就知

    javascript 写类方式之八

    8、Ext.js的写类方式 这里用的是Ext core... 这里只需传两个参数即可,第一个参数是根类Object,第二个是原型。 代码如下:/** * Person类 * @param {Object} name */ var Person = Ext.extend(Object,{ constructor : f

    Ext面向对象开发实践代码第1/2页

    效果图现在开始讲解代码,首先看一下创建GridPanel的代码片段 代码如下://定义数据列表面板类 PersonListGridPanel = Ext.extend(Ext.grid.GridPanel, { insertWin: null, updateWin: null, constructor: function()...

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

    7、datagrid增加 getExpandRowIndex 方法,用于在detailView视图下获取当前页第一个展开行的索引。 8、datagrid增加 fixDetailRowWidth 方法,用于detailView视图下修改rowDetial中组件宽度。 9、...

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

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

    jQuery中extend函数详解

    做法是将一个新的空对象({})做为$.extend的第一个参数,defaults和用户传递的参数对象紧随其后,这样做的好处是所有值被合并到这个空对象上,保护了插件里面的默认值。 $.fn.myPlugin = function(options) { var...

    angular.extend方法的具体使用

    angular.extends()方法的第一个参数是要被扩展的对象,后面可以传入一个或多个对象。 如果想要保存一个对象的状态,除了可以调用angular.copy()方法外,还可以把一个空对象{}作为第一个对象传入。 但要注意的是...

    Element实现表格嵌套、多个表格共用一个表头的方法

    在本文中,我们将深入探讨如何使用Element UI库在Vue.js应用中实现表格嵌套和多个表格共用一个表头的功能。Element UI是一个流行的前端组件库,提供了丰富的UI组件,包括表格(Table)组件,用于创建复杂的表格布局...

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

    hda1中的“1”代表hda的第一个硬盘分区 (partition),hda2代表hda的第二主分区,第一个逻辑分区从hda5开始,依此类推。此外,可以直接检查 /var/log/messages文件,在该文件中可以找到计算机开机后系统已辨认出来的...

    AngularJS extend用法详解及实例代码

     angular.extend:依次将第二个参数及后续的参数的第一层属性(不管是简单属性还是对象)拷贝赋给第一个参数的第一层属性,即如果是对象,则是引用的是同一个对象,并返回第一个参数对象。  实例一:var r = ...

Global site tag (gtag.js) - Google Analytics