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 相关文章推荐
给Javascript数组插入一条记录的代码
Aug 30 Javascript
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
Mar 04 Javascript
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
Feb 23 Javascript
鼠标滚轮改变图片大小的示例代码
Nov 20 Javascript
js实现模拟计算器退格键删除文字效果的方法
May 07 Javascript
AngularJS数据源的多种获取方式汇总
Feb 02 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
基于JavaScript实现自定义滚动条
Jan 25 Javascript
jQuery EasyUI之验证框validatebox实例详解
Apr 10 jQuery
vue-cli常用设置总结
Feb 24 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
Vue2.X 通过AJAX动态更新数据
Jul 17 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/09/03 PHP
PHP的pcntl多进程用法实例
2015/03/19 PHP
php表单提交实例讲解
2015/11/12 PHP
php 多文件上传的实现实例
2016/10/23 PHP
Javascript Web Slider 焦点图示例源码
2013/10/10 Javascript
javascript 原型链维护和继承详解
2014/11/26 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
jquery特效 点击展示与隐藏全文
2015/12/09 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
JavaScript限定范围拖拽及自定义滚动条应用(3)
2017/05/17 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
2017/06/22 jQuery
微信小程序picker组件简单用法示例【附demo源码下载】
2017/12/05 Javascript
JS实现骰子3D旋转效果
2019/10/24 Javascript
详解一些适用于Node.js的命名约定
2019/12/08 Javascript
使用Node.js实现base64和png文件相互转换的方法
2020/03/11 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
详解vue 组件注册
2020/11/20 Vue.js
[01:24]2014DOTA2 TI第二日 YYF表示这届谁赢都有可能
2014/07/11 DOTA
浅析Python中的多重继承
2015/04/28 Python
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
使用Python3+PyQT5+Pyserial 实现简单的串口工具方法
2019/02/13 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
Python开发入门——迭代的基本使用
2020/09/03 Python
Linux面试经常问的文件系统操作命令
2015/11/05 面试题
2014年计算机专业个人自我评价
2014/01/19 职场文书
中学生社会实践活动总结
2014/07/03 职场文书
2014年幼儿园保育工作总结
2014/12/02 职场文书
计划生育汇报材料
2014/12/26 职场文书
父亲节寄语大全
2015/02/27 职场文书
企业战略合作意向书
2015/05/08 职场文书
2016年清明节红领巾广播稿
2015/12/17 职场文书
2016年万圣节家长开放日活动总结
2016/04/05 职场文书
Python控制台输出俄罗斯方块的方法实例
2021/04/17 Python
漫画「古见同学有交流障碍症」第25卷封面公开
2022/03/21 日漫
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js
MySQL使用IF语句及用case语句对条件并结果进行判断 
2022/09/23 MySQL