javascript 面向对象的JavaScript类


Posted in Javascript onMay 04, 2010

在上一节面 JavaScript 面向对象之命名空间 中说了怎么定义JavaScript命名空间,这一节来说下紧接着的一个概念——类。虽然JavaScript中没有class关键字,但作为开发人员我们一定要有这个思想。在C#中类可以分为实例类和静态类,JavaScript亦然。

一,定义实例类: 在上节中我定义了一个cnblogs.news的命名空间,现在就在此命名空间下定义一个名为Article类:

cnblogs.news.Article=function(){ 
var _this=this; 
this.title=null; 
this.content=null; 
this.show=function(){ 
document.write("<h1>"+_this.title+"</h1>"); 
document.write("<p>"+_this.content+"</p>"); 
} 
}

创建对象就和C#一样:
// 实例化一个对象 
var article =new cnblogs.news.Article(); 
// 给对象的属性赋值 
article.title="这是文章标题"; 
article.content="这是文章内容"; 
// 调用对象的方法 
article.show();

二,定义静态类:所谓静态类就是直接调用类的成员,换言之,类的成员是属于类的,不属于对象。同样以Article为例,代码如下:
cnblogs.news.Article={ 
title:"这是文章标题", 
content:"这是文章内容", 
show:function(){ 
document.write("<h1>"+cnblogs.news.Article.title+"</h1>"); 
document.write("<p>"+cnblogs.news.Article.content+"</p>"); 
} 
};

调用方式也和C#类似:
cnblogs.news.Article.show();
到这里或许你已经发现了,所谓JavaScript静态类其实就是一个json对象,恭喜,答对了! ^_^
三,如何选择:
那么何时选择实例类,何时选择静态类呢,就个人经验而言(说得不对敬请斧正刀正,怎么正都可以^_^),开发一些对dom的依赖比较弱,而要求复用型很强的程序,如工具类,插件类,结构,使用静态类;反之如果程序对dom依赖很强,经常有变量传来传去,或者对类的结构造成变化,这时选用实例类。个人比较推崇第一种方案,其代码风格较之第二种更像C#,我想写惯了C#的同学也会这样觉得的,^_^。
作者: 祥叔
Javascript 相关文章推荐
img标签中onerror用法
Aug 13 Javascript
Javascript基础知识(一)核心基础语法与事件模型
Sep 29 Javascript
JavaScript中数组成员的添加、删除介绍
Dec 30 Javascript
极易被忽视的javascript面试题七问七答
Feb 15 Javascript
微信小程序 flex实现导航实例详解
Apr 26 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
May 24 Javascript
vue基于mint-ui实现城市选择三级联动
Jun 30 Javascript
vue使用技巧及vue项目中遇到的问题
Jun 04 Javascript
微信小程序如何刷新当前界面的实现方法
Jun 07 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
Apr 28 Javascript
在vue中封装方法以及多处引用该方法详解
Aug 14 Javascript
在Vue中使用Viser说明(基于AntV-G2可视化引擎)
Oct 28 Javascript
JavaScript 面向对象之命名空间
May 04 #Javascript
10个实用的脚本代码工具
May 04 #Javascript
利用location.hash实现跨域iframe自适应
May 04 #Javascript
Array.prototype 的泛型应用分析
Apr 30 #Javascript
jQuery 锚点跳转滚动条平滑滚动一句话代码
Apr 30 #Javascript
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
Apr 29 #Javascript
匹配任意字符的正则表达式写法
Apr 29 #Javascript
You might like
BBS(php &amp; mysql)完整版(七)
2006/10/09 PHP
解析PHP中一些可能会被忽略的问题
2013/06/21 PHP
PHP实例分享判断客户端是否使用代理服务器及其匿名级别
2014/06/04 PHP
JavaScript中的History历史对象
2008/01/16 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
在子窗口中关闭父窗口的一句代码
2013/10/21 Javascript
window.onresize 多次触发的解决方法
2013/11/08 Javascript
判断一个对象是否为jquery对象的方法
2014/03/12 Javascript
table insertRow、deleteRow定义和用法总结
2014/05/14 Javascript
JavaScript中具名函数的多种调用方式总结
2014/11/08 Javascript
JavaScript操作XML文件之XML读取方法
2015/06/09 Javascript
js实现n秒倒计时后才可以点击的效果
2015/12/20 Javascript
jQuery语法小结(超实用)
2015/12/31 Javascript
vue2.0与bootstrap3实现列表分页效果
2017/11/28 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
微信小程序实现蒙版弹窗效果
2018/11/01 Javascript
在JavaScript中实现链式调用的实现
2019/12/24 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
Django查找网站项目根目录和对正则表达式的支持
2015/07/15 Python
Django框架中的对象列表视图使用示例
2015/07/21 Python
Python使用wget实现下载网络文件功能示例
2018/05/31 Python
对python GUI实现完美进度条的示例详解
2018/12/13 Python
Python实现带下标索引的遍历操作示例
2019/05/30 Python
Flask处理Web表单的实现方法
2021/01/31 Python
Pat McGrath Labs官网:世界上最有影响力的化妆师推出的彩妆品牌
2018/01/07 全球购物
物业管理大学生个人的自我评价
2013/10/10 职场文书
师范教师毕业鉴定
2014/01/13 职场文书
消防器材管理制度
2014/01/28 职场文书
《月迹》教学反思
2014/02/19 职场文书
高中国旗下的演讲稿
2014/08/28 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
避暑山庄导游词
2015/02/04 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
Python入门学习之类的相关知识总结
2021/05/25 Python
Jpa Specification如何实现and和or同时使用查询
2021/11/23 Java/Android
Python获取指定日期是"星期几"的6种方法
2022/03/13 Python