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菜单插件HoverTree仿京东无限级菜单
Dec 18 Javascript
利用jQuery实现打字机字幕效果实例代码
Sep 02 Javascript
AngularJS入门示例之Hello World详解
Jan 04 Javascript
jQuery实现表格元素动态创建功能
Jan 09 Javascript
xmlplus组件设计系列之路由(ViewStack)(7)
May 02 Javascript
vue高德地图之玩转周边
Jun 16 Javascript
在vue项目中引入highcharts图表的方法(详解)
Mar 05 Javascript
webpack4的迁移的使用方法
May 25 Javascript
详解用vue2.x版本+adminLTE开源框架搭建后台应用模版
Mar 15 Javascript
vue cli安装使用less的教程详解
Jul 12 Javascript
node.js爬虫框架node-crawler初体验
Oct 29 Javascript
JavaScript中document.activeELement焦点元素介绍
Nov 27 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 设置MySQL连接字符集的方法
2011/01/02 PHP
PHP--用万网的接口实现域名查询功能
2012/12/13 PHP
PHP判断文章里是否有图片的简单方法
2014/07/26 PHP
yii框架无限极分类的实现方法
2017/04/08 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
PHP Redis扩展无法加载的问题解决方法
2019/08/22 PHP
Thinkphp5.0 框架使用模型Model添加、更新、删除数据操作详解
2019/10/11 PHP
基于jquery的无缝循环新闻列表插件
2011/03/07 Javascript
JavaScript的各种常见函数定义方法
2014/09/16 Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
2014/10/08 Javascript
jQuery操作cookie方法实例教程
2014/11/25 Javascript
jquery实现右键菜单插件
2015/03/29 Javascript
js判断图片加载完成后获取图片实际宽高的方法
2016/02/25 Javascript
jquery 无限极下拉菜单的简单实例(精简浓缩版)
2016/05/31 Javascript
Bootstrap栅格系统学习笔记
2016/11/25 Javascript
JavaScript编写一个贪吃蛇游戏
2017/03/09 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
2019/08/21 Javascript
Vue+iview+webpack ie浏览器兼容简单处理
2019/09/20 Javascript
基于node+websocket+html实现腾讯课堂聊天室聊天功能
2020/03/04 Javascript
Vue 3.0中jsx语法的使用
2020/11/13 Javascript
Django中实现一个高性能计数器(Counter)实例
2014/07/09 Python
Python实例一个类背后发生了什么
2016/02/09 Python
centos6.7安装python2.7.11的具体方法
2017/01/16 Python
python实现批量修改图片格式和尺寸
2018/06/07 Python
numpy 声明空数组详解
2019/12/05 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
python使用gdal对shp读取,新建和更新的实例
2020/03/10 Python
Python中bisect的用法及示例详解
2020/07/20 Python
德国百年厨具品牌WMF美国站:WMF美国
2016/09/12 全球购物
莱德杯高尔夫欧洲官方商店:Ryder Cup Shop
2019/08/14 全球购物
车间操作工岗位职责
2013/12/19 职场文书
毕业生写求职信的要点
2014/03/04 职场文书
暑假家长评语大全
2014/04/17 职场文书
python析构函数用法及注意事项
2021/06/22 Python
MySQL连表查询分组去重的实现示例
2021/07/01 MySQL