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的checkbox下拉框插件代码
Jun 25 Javascript
Jquery常用技巧收集整理篇
Nov 14 Javascript
使用jquery中height()方法获取各种高度大全
Apr 02 Javascript
JavaScript实现16进制颜色值转RGB的方法
Feb 09 Javascript
深入探究使JavaScript动画流畅的一些方法
Jun 30 Javascript
javascript实现简单加载随机色方块
Dec 25 Javascript
js实现图片无缝滚动特效
Mar 19 Javascript
JavaScript编写一个贪吃蛇游戏
Mar 09 Javascript
JSX在render函数中的应用详解
Sep 04 Javascript
微信小程序实现禁止分享代码实例
Oct 19 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 Javascript
详解vue3中组件的非兼容变更
Mar 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 购物车完整实现代码
2014/06/05 PHP
PHP图片等比例缩放生成缩略图函数分享
2014/06/10 PHP
ThinkPHP3.2框架自带分页功能实现方法示例
2019/05/13 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
JQuery的$命名冲突详细解析
2013/12/28 Javascript
移动端JQ插件hammer使用详解
2015/07/03 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
jQuery中$.ajax()和$.getJson()同步处理详解
2015/08/12 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
2016/03/21 Javascript
jQuery使用经验小技巧(推荐)
2016/05/31 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
几种二级联动案例(jQuery\Array\Ajax php)
2016/08/13 Javascript
Javascript Function.prototype.bind详细分析
2016/12/29 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
基于JavaScript实现焦点图轮播效果
2017/03/27 Javascript
vue组件如何被其他项目引用
2017/04/13 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
快速解决处理后台返回json数据格式的问题
2018/08/07 Javascript
关于Vue项目跨平台运行问题的解决方法
2018/09/18 Javascript
原理深度解析Vue的响应式更新比React快
2020/04/04 Javascript
[02:44]DOTA2英雄基础教程 钢背兽
2013/12/19 DOTA
[07:09]2014DOTA2国际邀请赛-Newbee再次发威成功晋级决赛
2014/07/19 DOTA
paramiko模块安装和使用(远程登录服务器)
2014/01/27 Python
详解详解Python中writelines()方法的使用
2015/05/25 Python
python利用rsa库做公钥解密的方法教程
2017/12/10 Python
python主线程与子线程的结束顺序实例解析
2019/12/17 Python
如何使用selenium和requests组合实现登录页面
2020/02/03 Python
python3爬虫中异步协程的用法
2020/07/10 Python
马来西亚领先的在线礼品店:Giftr
2018/08/23 全球购物
违反学校规定检讨书
2014/01/18 职场文书
导航工程专业自荐信
2014/09/02 职场文书
党员评议思想汇报
2014/10/08 职场文书
2015年老干部工作总结
2015/04/23 职场文书
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript
java executor包参数处理功能 
2022/02/15 Java/Android
Java实现扫雷游戏详细代码讲解
2022/05/25 Java/Android