javascript 写类方式之八


Posted in Javascript onJuly 05, 2009

8、Ext.js的写类方式
这里用的是Ext core3.0,Ext中用Ext.extend来定义一个类(当然它更多用来扩展一个类),Ext整个框架各种控件如Panel,MessageBox等都是用Ext.extend方法来扩展。这里仅仅用它来定义一个最简单的类。
看Ext.extend的代码可得知,它仍然是用构造函数和原型来组装一个类。
这里只需传两个参数即可,第一个参数是根类Object,第二个是原型。

/** 
* Person类 
* @param {Object} name 
*/ 
var Person = Ext.extend(Object,{ 
constructor : function(name) {this.name = name;}, 
setName : function(name) {this.name = name;}, 
getName : function() {return this.name;} 
}); 
//创建一个对象 
var p = new Person("Lily"); 
console.log(p.getName());//Lily 
p.setName("Andy"); 
console.log(p.getName());//Andy 
//测试instanceof及p.constructor是否正确指向了Person 
console.log(p instanceof Person);//true 
console.log(p.constructor == Person);//true

比较特殊的是,如果单纯的定义一个类,那么第一个参数永远传Object即可。
Javascript 相关文章推荐
textarea的value是html文件源代码,存成html文件的代码
Apr 20 Javascript
js遍历、动态的添加数据的小例子
Jun 22 Javascript
非常漂亮的JS+CSS图片幻灯切换特效
Nov 20 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
Nov 27 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
jQuery实现首页顶部可伸缩广告特效代码
Apr 15 Javascript
JavaScript中Boolean对象的属性解析
Oct 21 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
Dec 02 Javascript
利用Angular2的Observables实现交互控制的方法
Dec 27 Javascript
详解小程序中h5页面onShow实现及跨页面通信方案
May 30 Javascript
vue使用原生swiper代码实例
Feb 05 Javascript
vue实现tab栏点击高亮效果
Aug 19 Javascript
javascript 写类方式之七
Jul 05 #Javascript
javascript 写类方式之六
Jul 05 #Javascript
javascript 写类方式之五
Jul 05 #Javascript
javascript 写类方式之四
Jul 05 #Javascript
javascript 写类方式之三
Jul 05 #Javascript
javascript 写类方式之二
Jul 05 #Javascript
javascript 写类方式之一
Jul 05 #Javascript
You might like
浅析PHP数据导出知识点
2018/02/17 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
javascript入门基础之私有变量
2010/02/23 Javascript
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
2011/05/02 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
DOM操作原生js 的bug,使用jQuery 可以消除的解决方法
2016/09/04 Javascript
jquery属性,遍历,HTML操作方法详解
2016/09/17 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
2016/10/24 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
2017/04/06 Javascript
从零开始学习Node.js系列教程一:http get和post用法分析
2017/04/13 Javascript
Angular4.0中引入laydate.js日期插件的方法教程
2017/12/25 Javascript
layui弹出层按钮提交iframe表单的方法
2018/08/20 Javascript
vue单文件组件lint error自动fix与styleLint报错自动fix详解
2019/01/08 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
Python中使用MELIAE分析程序内存占用实例
2015/02/18 Python
Python Sqlite3以字典形式返回查询结果的实现方法
2016/10/03 Python
Python读取视频的两种方法(imageio和cv2)
2018/04/15 Python
python实现文件的备份流程详解
2019/06/18 Python
python实现动态创建类的方法分析
2019/06/25 Python
Python中list的交、并、差集获取方法示例
2019/08/01 Python
keras获得某一层或者某层权重的输出实例
2020/01/24 Python
Python在centos7.6上安装python3.9的详细教程(默认python版本为2.7.5)
2020/10/15 Python
python中pow函数用法及功能说明
2020/12/04 Python
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
2014/09/02 HTML / CSS
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
品学兼优的大学生自我评价
2013/09/20 职场文书
写给女生的道歉信
2014/01/14 职场文书
通信研究生自荐信
2014/02/01 职场文书
宪法宣传周工作方案
2014/05/26 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
搞笑的获奖感言
2014/08/16 职场文书
领导班子四风查摆对照检查材料思想汇报
2014/10/05 职场文书
党员查摆问题及整改措施
2014/10/10 职场文书
受资助学生感谢信
2015/01/21 职场文书
护士节慰问信
2015/02/15 职场文书
2015年度招聘工作总结
2015/05/28 职场文书