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 相关文章推荐
动态刷新 dorado树的js代码
Jun 12 Javascript
javaScript checkbox 全选/反选及批量删除
Apr 28 Javascript
JavaScript日历实现代码
Sep 12 Javascript
jquery提交form表单时禁止重复提交的方法
Feb 13 Javascript
在JS中操作时间之getUTCMilliseconds()方法的使用
Jun 10 Javascript
js实现跨域的4种实用方法原理分析
Oct 29 Javascript
JQuery 传送中文乱码问题的简单解决办法
May 24 Javascript
深入理解jQuery layui分页控件的使用
Aug 17 Javascript
Vue.js计算属性computed与watch(5)
Dec 09 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
Dec 24 Javascript
jquery实现简单自动轮播图效果
Jul 29 jQuery
原生js实现简单轮播图
Oct 26 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
用函数读出数据表内容放入二维数组
2006/10/09 PHP
人尽可用的Windows技巧小贴士之下篇
2007/03/22 PHP
PHP从零开始打造自己的MVC框架之路由类实现方法分析
2019/06/03 PHP
phpstudy隐藏index.php的方法
2020/09/21 PHP
效率高的Javscript字符串替换函数的benchmark
2008/08/02 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
jquery isType() 类型判断代码
2011/02/14 Javascript
JavaScript原生对象之String对象的属性和方法详解
2015/03/13 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
2016/08/08 Javascript
Angular4自制一个市县二级联动组件示例
2017/11/21 Javascript
ES6/JavaScript使用技巧分享
2017/12/14 Javascript
关于TypeScript模块导入的那些事
2018/06/12 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
基于Element的组件改造的树形选择器(树形下拉框)
2020/02/27 Javascript
[00:43]DOTA2小紫本全民票选福利PA至宝全方位展示
2014/11/25 DOTA
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
[42:06]2019国际邀请赛全明星赛 8.23
2019/09/05 DOTA
python实现用户登录系统
2016/05/21 Python
浅谈Python中chr、unichr、ord字符函数之间的对比
2016/06/16 Python
基于Python pip用国内镜像下载的方法
2018/06/12 Python
pytorch实现对输入超过三通道的数据进行训练
2020/01/15 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
Keras使用tensorboard显示训练过程的实例
2020/02/15 Python
python 实现数据库中数据添加、查询与更新的示例代码
2020/12/07 Python
移动HTML5前端框架—MUI的使用
2017/12/18 HTML / CSS
GAP欧盟网上商店:GAP EU
2016/09/13 全球购物
英国独特的时尚和生活方式品牌:JOY
2018/03/17 全球购物
法雷奥SQA(electric)面试问题
2016/01/23 面试题
酒店前台接待岗位职责
2013/12/03 职场文书
2014年中班元旦活动方案
2014/02/14 职场文书
创先争优活动承诺书
2014/08/30 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
团队会宣传标语
2014/10/09 职场文书
音乐研修感悟
2015/11/18 职场文书
MySql按时,天,周,月进行数据统计
2022/08/14 MySQL