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 相关文章推荐
发布BlueShow v1.0 图片浏览器(类似lightbox)blueshow.js 打包下载
Jul 21 Javascript
JavaScript中的fontsize()方法使用详解
Jun 08 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
Dec 11 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
Oct 04 Javascript
JS数组交集、并集、差集的示例代码
Aug 23 Javascript
vue中element组件样式修改无效的解决方法
Feb 03 Javascript
Vue2 监听属性改变watch的实例代码
Aug 27 Javascript
css配合JavaScript实现tab标签切换效果
Oct 11 Javascript
JavaScrip数组去重操作实例小结
Jun 20 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 Javascript
node创建Vue项目步骤详解
Mar 06 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
laravel 配置路由 api和web定义的路由的区别详解
2019/09/03 PHP
laravel 验证错误信息到 blade模板的方法
2019/09/29 PHP
一个加密JavaScript的开源工具PACKER2.0.2
2006/11/04 Javascript
JSON JQUERY模板实现说明
2010/07/03 Javascript
javascript中使用css需要注意的地方小结
2010/09/01 Javascript
jQuery easyui datagrid动态查询数据实例讲解
2013/02/26 Javascript
JavaScript函数的4种调用方法详解
2014/04/22 Javascript
Jquery $when done then的用法详解
2016/05/20 Javascript
AngularJS包括详解及示例代码
2016/08/17 Javascript
浅谈Javascript中的函数、this以及原型
2016/10/09 Javascript
微信小程序 实现tabs选项卡效果实例代码
2016/10/31 Javascript
canvas仿iwatch时钟效果
2017/03/06 Javascript
Chrome调试折腾记之JS断点调试技巧
2017/09/11 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
2017/10/27 jQuery
vue脚手架中配置Sass的方法
2018/01/04 Javascript
vue实现多个元素或多个组件之间动画效果
2018/09/25 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
2019/05/30 Javascript
VUE项目初建和常见问题总结
2019/09/12 Javascript
vue element upload组件 file-list的动态绑定实现
2019/10/11 Javascript
vue动态禁用控件绑定disable的例子
2019/10/28 Javascript
Python开发常用的一些开源Package分享
2015/02/14 Python
利用Celery实现Django博客PV统计功能详解
2017/05/08 Python
对python中使用requests模块参数编码的不同处理方法
2018/05/18 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
24式加速你的Python(小结)
2019/06/13 Python
Django基础三之视图函数的使用方法
2019/07/18 Python
css3+伪元素实现鼠标移入时下划线向两边展开的效果
2017/04/25 HTML / CSS
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
Tenstickers法国:墙贴和装饰贴纸
2019/08/26 全球购物
工作人员思想汇报
2014/01/09 职场文书
职称评定自我鉴定
2014/03/18 职场文书
保险公司演讲稿
2014/09/02 职场文书
党的群众路线教育实践活动教师自我剖析材料
2014/10/09 职场文书
React Hook用法示例详解(6个常见hook)
2021/04/28 Javascript
详解JS WebSocket断开原因和心跳机制
2021/05/07 Javascript
SQLServer权限之只开启创建表权限
2022/04/12 SQL Server