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的12个网站推荐
Apr 28 Javascript
JavaScript模拟实现键盘打字效果
Jun 29 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
Sep 14 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
jQuery实现订单提交页发送短信功能前端处理方法
Jul 04 Javascript
Jquery获取当前城市的天气信息
Aug 05 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
Sep 13 Javascript
Vue.js数据绑定之data属性
Jul 07 Javascript
jQuery实现的淡入淡出图片轮播效果示例
Aug 29 jQuery
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
JS关闭子窗口并且刷新上一个窗口的实现示例
Mar 10 Javascript
Vue实现图书管理小案例
Dec 03 Vue.js
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常见数组函数用法小结
2016/03/21 PHP
小议Function.apply() 之一------(函数的劫持与对象的复制)
2006/11/30 Javascript
比较简单的异步加载JS文件的代码
2009/07/18 Javascript
JS原型对象通俗"唱法"
2012/12/27 Javascript
解析JavaScript中点号“.”的多义性
2013/12/02 Javascript
ES6中如何使用Set和WeakSet
2016/03/10 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
详解Vue2.0里过滤器容易踩到的坑
2017/06/01 Javascript
vue 将页面公用的头部组件化的方法
2017/12/18 Javascript
vue-cli3.0 环境变量与模式配置方法
2018/11/08 Javascript
javascript实现图片轮播代码
2019/07/09 Javascript
vue+element 实现商城主题开发的示例代码
2020/03/26 Javascript
使用next.js开发网址缩短服务的方法
2020/06/17 Javascript
django ListView的使用 ListView中获取url中的参数值方式
2020/03/27 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
浅谈django channels 路由误导
2020/05/28 Python
ITK 实现多张图像转成单个nii.gz或mha文件案例
2020/07/01 Python
python 实现压缩和解压缩的示例
2020/09/22 Python
纯CSS实现菜单、导航栏的3D翻转动画效果
2014/04/23 HTML / CSS
Under Armour安德玛中国官网:美国高端运动科技品牌
2018/03/09 全球购物
英国二手iPhone、音乐、电影和游戏商店:musicMagpie
2018/10/26 全球购物
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
EJB的几种类型
2012/08/15 面试题
最热门的自我评价
2013/12/30 职场文书
校长创先争优承诺书
2014/08/30 职场文书
2015年出纳工作总结与计划
2015/05/18 职场文书
劳动争议仲裁代理词
2015/05/25 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
公司财务管理制度
2015/08/04 职场文书
2016预备党员培训心得体会
2016/01/08 职场文书
妇产科护理心得体会
2016/01/22 职场文书
python中requests库+xpath+lxml简单使用
2021/04/29 Python
详解运行Python的神器Jupyter Notebook
2021/06/03 Python
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
CSS三大特性继承性、层叠性和优先级详解
2022/01/18 HTML / CSS
SQL CASE 表达式的具体使用
2022/03/21 SQL Server