`
lingyibin
  • 浏览: 190929 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

Ext js面向对象的特性

阅读更多

1、支持命名空间(Java里用的是包的概念)

 Ext.namespace("Ext.ling"); //这句话相当于声明了一个命名空间

2、支持类实例属性
 Ext.apply(Ext.ling.Person.prototype,{
  name:"lingyibin"
 }); //给Person类添加了name属性,并赋了值。

这里跟大家讲另一个东西,就是{ }和[ ]在js应用中的区别。

前者表示一个类,后者表示一个数组。因为类里面都有属性名,所以前者的格式一般都是

{property1:value1, property2:value2 ……}

3、类的实例方法
 Ext.namespace("Ext.ling");
 Ext.ling.Person = Ext.emptyFn;
 Ext.apply(Ext.ling.Person.prototype,{
  name:"",
  sex:"",
  print:function(){
   alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));
  }
 });
 使用:
 var person = new Ext.ling.Person();
 person.name = "ling";
 person.sex = "male";
 person.print();
4、类的静态方法
 Ext.ling.Person.print = function(_name,_sex){
  var person = new Ext.ling.Person();
  person.name = _name;
  person.sex = _sex;
  person.print();
 }
5、构造方法
 Ext.ling.Person = function(_cfg){
  Ext.apply(this,_cfg);
 } 

Ext.ling.Person = function(_name,_sex){
  var person = new Ext.ling.Person({name:_name,sex:_sex});
  person.print();
 }
 Ext.apply(Ext.ling.Person.prototype,{
  print:function(){
   alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));
  }
 });
 使用:
          var p = new Ext.ling.Person({name:"ling",sex:"男"});
          p.print();

6、类继承

Ext.namespace("Ext.ling");

Ext.ling.Person = function(_cfg){ //父类
    Ext.apply(this,_cfg);
};

Ext.apply(Ext.ling.Person.prototype, {
    job:"Jobless",
    print:function(){
        alert(String.format("姓名:{0},性别:{1},角色:{2}",this.name, this.sex,this.job));
    }
});
 Ext.ling.Teacher = function(_cfg){ //子类
    Ext.apply(this,_cfg);
 }
 Ext.extend(Ext.ling.Teacher,Ext.ling.Person, {job:"老师"}); //继承了父类,并给job赋了值

7、重写
 Ext.extend(Ext.ling.Teacher,Ext.ling.person,{
  print:function(){
   alert("这个方法被我改写了!");
  }
 });

(这是我去年8月写的一篇文章,由于面试的需要把它转到这边来!)

 

分享到:
评论

相关推荐

    JavaScript面向对象编程

    Javascript是一种面向(基于)对象的动态脚本语言,是一种基于对象(Object)和事件驱动 (EventDriven)并具有安全...javascript的面向对象特性,要使用好 ext技术, javascript的面向对象语言特性是我们必须完全把握的。

    ext面向对象和继承

    NULL 博文链接:https://angie-hawk7.iteye.com/blog/925390

    Ext实现java的面向对象实例

    Ext的面向对象实例: 1.命名空间 2.类实例属性 3.类实例方法 4.类静态方法 5.构造方法 6.类继承 7.类实例方法重写 8.命名空间别名 9.类别名 10.事件队列

    ext面向对象编程教程

    想学习ext面向对象编程的同仁可以仔细看下。

    快意编程EXT JS Web开发技术详解.part3

    《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...

    [Ext JS] Ext JS 实战 第2版 英文版

    Ext JS in Action Second Edition teaches Ext JS from the ground up You"ll start with a quick overview of the framework and then explore the core components by diving into complete examples ...

    ExtJS Ext ExtJavascript Javascript

    ExtJS Ext ExtJavascript Javascript

    EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档

    EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档EXT.JS_文档...

    ext js javascript ext设计软件

    ext js javascript ext设计软ext js javascript ext设计软件件ext js javascript ext设计软件

    Ext JS权威指南

    全书一共22章:第1章简要介绍了学习ext js必备的基础知识、json、ext js 4的新特性,以及其开发工具的获取、安装与配置;第2章介绍了ext js 4的获取、ext js库的配置与使用、语法、本地化,以及一个经典的入门示例;...

    Ext JS源码分析与开发实例宝典光盘源码

    Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发...

    ext JS 源码和学习资料

    ext JS 源码和学习资料,包含ext-3.2.0,ext3.3.1,ext4等多个版本源码,包含多个版本中文API和实用学习pdf

    讲解JavaScript的面向对象的编程

    本人在带学生使用EXT框架时,我发现学生阅读Ext的sample代码有问题,特别是对JavaScript的面向对象编程的书写方式不熟悉,于是,写了四个sample来说明它现代JS编程的对类的定义方式、类继承的方式,以及怎样发展到...

    Chapter3-《Ext JS高级程序设计》源代码

    《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...

    Ext继承--Ext自定义组件的书写方式

    目的:该示例非常详细注释说明Ext的面向对象的编程方式,使用继承,然后重写父类的方法,以及注册自定义事件说明Ext框架是事件驱动的框架编程。 阅读对象:本中心学习Ext面向对象编程的人员 阅读条件:掌握OO的思路...

    Chapter6-《Ext JS高级程序设计》源代码.rar

    《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...

    深入浅出Ext JS深入浅出Ext JS

    深入浅出Ext JS的代码 深入浅出Ext JS的代码实例

    Ext JS - JavaScript Library

    extjs帮助文档等!Ext JS - JavaScript Library

    Ext JS高级程序设计

    Ext JS高级程序设计.一共三章,三个文档。对extjs感兴趣的朋友共享

Global site tag (gtag.js) - Google Analytics