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 AutoScroller 函数类
May 29 Javascript
鼠标滑过出现预览的大图提示效果
Feb 26 Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 Javascript
jQuery产品间断向下滚动效果核心代码
May 08 Javascript
浅谈Javascript中substr和substring的区别
Sep 30 Javascript
JQuery日期插件datepicker的使用方法
Mar 03 Javascript
Vue渲染函数详解
Sep 15 Javascript
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
基于zTree树形菜单的使用实例
Dec 25 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
Sep 15 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
Nov 18 Javascript
js实现移动端轮播图滑动切换
Dec 21 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入门学习笔记之一
2010/10/12 PHP
shell脚本作为保证PHP脚本不挂掉的守护进程实例分享
2013/07/15 PHP
jQuery插件 tabBox实现代码
2010/02/09 Javascript
JavaScript 面向对象的 私有成员和公开成员
2010/05/13 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
Node.js中的缓冲与流模块详细介绍
2015/02/11 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
javascript跨域的方法汇总
2015/10/23 Javascript
jQuery遮罩层效果实例分析
2016/01/14 Javascript
防止Node.js中错误导致进程阻塞的办法
2016/08/11 Javascript
纯JS打造网页中checkbox和radio的美化效果
2016/10/13 Javascript
js定时器实例分享
2016/12/20 Javascript
javascript容错处理代码(屏蔽js错误)
2017/01/20 Javascript
几行js代码实现自适应
2017/02/24 Javascript
JS简单获取当前日期和农历日期的方法
2017/04/17 Javascript
vue学习笔记之v-if和v-show的区别
2017/09/20 Javascript
JavaScript实现单英文金山打字通
2020/07/24 Javascript
解决layui轮播图有数据不显示的情况
2019/09/16 Javascript
Vue2.X和Vue3.0数据响应原理变化的区别
2019/11/07 Javascript
vue使用swiper实现中间大两边小的轮播图效果
2019/11/24 Javascript
[00:36]DOTA2勇士令状莱恩声望物品——冥晶之厄展示
2018/05/25 DOTA
利用Python实现颜色色值转换的小工具
2016/10/27 Python
简单了解Django模板的使用
2017/12/20 Python
Python3.7安装keras和TensorFlow的教程图解
2020/06/18 Python
Django框架ORM数据库操作实例详解
2019/11/07 Python
matplotlib设置颜色、标记、线条,让你的图像更加丰富(推荐)
2020/09/25 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
HTML5 weui使用笔记
2019/11/21 HTML / CSS
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
您的健身减肥和健康饮食专家:vitafy
2017/06/06 全球购物
罗兰·穆雷官网:Roland Mouret
2018/09/28 全球购物
门卫工作岗位职责
2013/12/17 职场文书
关于教师节的广播稿
2014/09/10 职场文书
2016年优秀团员事迹材料
2016/02/25 职场文书
Vue vee-validate插件的简单使用
2021/06/22 Vue.js
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android