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 相关文章推荐
jQuery操作input type=radio的实现代码
Jun 14 Javascript
JS定义回车事件(实现代码)
Jul 08 Javascript
js实现拉伸拖动iframe的具体代码
Aug 03 Javascript
javascript中简单的进制转换代码实例
Oct 26 Javascript
javascript获取元素偏移量的方法有哪些
Jun 24 Javascript
JS动画效果打开、关闭层的实现方法
May 09 Javascript
javascript实现tab切换的两个实例
Nov 05 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
Feb 15 Javascript
详解基于DllPlugin和DllReferencePlugin的webpack构建优化
Jun 28 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
JS集合set类的实现与使用方法示例
Feb 01 Javascript
jQuery实现的分页插件完整示例
May 26 jQuery
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格式化工具Beautify PHP小小BUG
2008/04/24 PHP
php通过session防url攻击方法
2014/12/10 PHP
php7性能提升的原因详解
2019/10/13 PHP
在Laravel中实现使用AJAX动态刷新部分页面
2019/10/15 PHP
用 JSON 处理缓存
2007/04/27 Javascript
js window.event对象详尽解析
2009/02/17 Javascript
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
JQuery实现鼠标移动到图片上显示边框效果
2014/01/09 Javascript
微信小程序  modal弹框组件详解
2016/10/27 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
php输出全部gb2312编码内的汉字方法
2017/03/04 Javascript
深入理解jquery的$.extend()、$.fn和$.fn.extend()
2017/07/08 jQuery
Vue2 Vue-cli中使用Typescript的配置详解
2017/07/24 Javascript
React+react-dropzone+node.js实现图片上传的示例代码
2017/08/23 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
2018/01/31 Javascript
vuex的简单使用教程
2018/02/02 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
jquery的$().each和$.each的区别
2019/01/18 jQuery
微信小程序开发中var that =this的用法详解
2020/01/18 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
pycharm 使用心得(五)断点调试
2014/06/06 Python
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
举例讲解Python的lambda语句声明匿名函数的用法
2016/07/01 Python
python实现解数独程序代码
2017/04/12 Python
详解python的xlwings库读写excel操作总结
2021/02/26 Python
货代行业个人求职简历的自我评价
2013/10/22 职场文书
初中毕业生的自我评价
2014/03/03 职场文书
火箭队口号
2014/06/18 职场文书
领导班子四风对照检查材料思想汇报
2014/09/26 职场文书
道路交通事故赔偿协议书
2014/10/24 职场文书
优秀班组事迹材料
2014/12/24 职场文书
英语辞职信怎么写
2015/02/28 职场文书
《海上日出》教学反思
2016/02/23 职场文书