ExtJS入门之一 类与继承

简介: 在项目中使用ExtJS已经有一段时间了, 对于这个庞大的Script类库有了一定的了解, 在Ext的使用上也有了一定的经验, 现将这些经验做一下总结, 作为一个入门材料给大家分享。 对于Ext库, 不要被它的庞大所吓倒, 只要静下心来看SDK, 多做一些练习, 还是很容易上手的。

在项目中使用ExtJS已经有一段时间了, 对于这个庞大的Script类库有了一定的了解, 在Ext的使用上也有了一定的经验, 现将这些经验做一下总结, 作为一个入门材料给大家分享。 对于Ext库, 不要被它的庞大所吓倒, 只要静下心来看SDK, 多做一些练习, 还是很容易上手的。

ExtJS 中的类与继承

  在Ext下, 定义一个JavaScript类似乎没有什么特别的, 可以直接声明一个构造函数, 并使用关键字new来进行初始化。 有一点值得注意的是在Ext中频繁出现的Singleton类, 普遍定义为:

image_thumb6

然后就可以直接调用Foo的方法了, 其实这段代码可以理解为

 
这样,就容易理解了。
谈到类和继承, 有几个函数必须注意, Ext.apply、 Ext.applyIf和Ext.extend:
  1. Ext.apply(obj, config, [defaults]) 将config对象的所有属性都复制到另一个对象obj上, 第三个参数defaults可以用来提供默认值, 不过通常指用前两个参数就够了。 这个函数主要用在构造函数中, 用来将配置复制到对象上。
  2. Ext.applyIf(obj, config) 和Ext.apply的功能类似, 唯一不同的是, 这个函数只会将config对象中有, 而obj对象中没有的属性复制到obj上。
  3. Ext.extend(subclass, superclass, [overrides]) 用来继承已有的类, 通常的使用方法是
    var SubClass = function() {    SubClass.superclass.constructor.call(this); }; Ext.extend(SubClass, BaseClass, {    newMethod : function() {},    overriddenMethod : function() {} };
    在上面的代码中, SubClass继承自BaseClass,  添加了新的方法newMethod, 重写了overriddenMethod方法。
     

个人认为, 要扎实的掌握ExtJS, 并且能够对原有类库进行扩展, 掌握以上的方法是必须的, 也是入门的必经之路。 

 

from:http://www.cnblogs.com/beginor/archive/2008/03/01/1086910.html 

目录
相关文章
|
4月前
|
JavaScript 前端开发 Java
TypeScript 类 第一章【类,继承,修饰符】
TypeScript 类 第一章【类,继承,修饰符】
38 1
|
4月前
|
JavaScript 前端开发 程序员
TypeScript 类 第三章 【抽象类,类的高级技巧】
TypeScript 类 第三章 【抽象类,类的高级技巧】
53 2
|
8月前
|
JavaScript C#
js 面向对象封装与继承
js 面向对象封装与继承
384 0
|
11月前
|
前端开发 JavaScript
前端祖传三件套JavaScript的对象之继承的构造继承
在 JavaScript 中,继承是一种非常重要的概念,它可以帮助我们避免重复代码的编写,并且提高代码的可维护性和可读性。JavaScript 中的继承有多种方式,其中构造继承是一种常见的方式。本文将介绍构造继承的概念、使用方法以及一些常见的注意事项。
63 0
|
前端开发
前端学习案例5-构造函数继承1
前端学习案例5-构造函数继承1
46 0
前端学习案例5-构造函数继承1
|
JavaScript
js基于原型和class的面向对象-继承
js基于原型和class的面向对象-继承
59 0
|
JavaScript
js基础笔记学习113-继承3
js基础笔记学习113-继承3
39 0
js基础笔记学习113-继承3
|
JavaScript
js基础笔记学习112-继承1
js基础笔记学习112-继承1
53 0
js基础笔记学习112-继承1
|
开发者
继承的基本使用 | 学习笔记
快速学习继承的基本使用,介绍了继承的基本使用系统机制, 以及在实际应用过程中如何使用。
85 0
继承的基本使用 | 学习笔记