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是一种面向(基于)对象的动态脚本语言,是一种基于对象(Object)和事件驱动 (EventDriven)并具有安全...javascript的面向对象特性,要使用好 ext技术, javascript的面向对象语言特性是我们必须完全把握的。
NULL 博文链接:https://angie-hawk7.iteye.com/blog/925390
Ext的面向对象实例: 1.命名空间 2.类实例属性 3.类实例方法 4.类静态方法 5.构造方法 6.类继承 7.类实例方法重写 8.命名空间别名 9.类别名 10.事件队列
想学习ext面向对象编程的同仁可以仔细看下。
《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...
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
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设计软件
全书一共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-3.2.0,ext3.3.1,ext4等多个版本源码,包含多个版本中文API和实用学习pdf
本人在带学生使用EXT框架时,我发现学生阅读Ext的sample代码有问题,特别是对JavaScript的面向对象编程的书写方式不熟悉,于是,写了四个sample来说明它现代JS编程的对类的定义方式、类继承的方式,以及怎样发展到...
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
目的:该示例非常详细注释说明Ext的面向对象的编程方式,使用继承,然后重写父类的方法,以及注册自定义事件说明Ext框架是事件驱动的框架编程。 阅读对象:本中心学习Ext面向对象编程的人员 阅读条件:掌握OO的思路...
《Ext JS高级程序设计》光盘源代码 今天才买的书,随书附带的光盘,压缩文件很大,所以分开压缩上传,一共有: Chapter3-《Ext JS高级程序设计》源代码.rar Chapter4-《Ext JS高级程序设计》源代码.rar Chapter5...
深入浅出Ext JS的代码 深入浅出Ext JS的代码实例
extjs帮助文档等!Ext JS - JavaScript Library
Ext JS高级程序设计.一共三章,三个文档。对extjs感兴趣的朋友共享