Javascript 类与静态类的实现


Posted in Javascript onApril 01, 2010

今天所要说的就是,如何在Javascript里写类与静态类,这是本人一惯用的方法,你也可以有更为方便的,也可以发发评论跟大家交流交流。
首先说说类,在一个类里我们会有以下的几个特征:
1. 公有方法
2. 私有方法
3. 属性
4. 私有变量
5. 析构函数
我们直接看一个例子:
类例子

/***定义类***/ 
var Class = function(){ 
var _self = this;//把本身引用负值到一变量上 
var _Field = "Test Field"; //私有字段 
var privateMethod = function(){ //私有方法 
alert(_self.Property); //调用属性 
} 
this.Property = "Test Property"; //公有属性 
this.Method = function(){ //公有方法 
alert(_Field); //调用私用字段 
privateMethod(); //调用私用方法 
} 
}

这里我已把注释都写上,大家大概也会一眼就看得明白。对于少写JS的朋友,可能会觉得奇怪为什么我会定义一个_self的变量, 因为在js里,this不用对于其他的对象语言,他的解析过程与运行过程中this会改变的。这里简单说说js里this的定义,若有需要我可以开多一篇。
定义:this是包含它的函数作为方法被调用时所属的对象。
特征:this的环境可以随着函数被赋值给不同的对象而改变!
有兴趣的朋友可以网上找找资料了解一下,说回正题,这里的_self目的是为了开多一个私有的变量,直接指向类的本身。
刚刚还说到一个析构函数的问题,这可以直接用代码来实现。在函数的最后直接写执行代码就OK。
代码
/***定义类***/ 
var Class = function(){ 
var _self = this;//把本身引用负值到一变量上 
var _Field = "Test Field"; //私有字段 
var privateMethod = function(){ //私有方法 
alert(_self.Property); //调用属性 
} 
this.Property = "Test Property"; //公有属性 
this.Method = function(){ //公有方法 
alert(_Field); //调用私用字段 
privateMethod(); //调用私用方法 
} 
/***析构函数***/ 
var init = function(){ 
privateMethod(); 
} 
init(); 
}

使用这个类,引用我同事的那句“简单得很!”
var c = new Class();
这样就OK
类的定义就说完了,静态类,要等到下一次了。因为有MM叫我去喝茶
一个人能够走多远,取决于与谁同行
Javascript 相关文章推荐
用JavaScript和注册表脚本实现右键收藏Web页选中文本
Jan 28 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
Mar 04 Javascript
js图片闪动特效可以控制间隔时间如几分钟闪动一下
Aug 12 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
JQuery解析XML的方法小结
Apr 02 Javascript
JS之相等操作符详解
Sep 13 Javascript
原生js仿jquery一些常用方法(必看篇)
Sep 20 Javascript
Vue.js事件处理器与表单控件绑定详解
Mar 20 Javascript
vue自定义一个v-model的实现代码
Jun 21 Javascript
深入分析element ScrollBar滚动组件源码
Jan 22 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 Javascript
JS中FileReader类实现文件上传及时预览功能
Mar 27 Javascript
多浏览器支持的右下角浮动窗口
Apr 01 #Javascript
js 多浏览器分别判断代码
Apr 01 #Javascript
JS 遮照层实现代码
Mar 31 #Javascript
js压缩工具 yuicompressor 使用教程
Mar 31 #Javascript
jQuery 遍历json数组的实现代码
Sep 22 #Javascript
Javascript load Page,load css,load js实现代码
Mar 31 #Javascript
Javascript Jquery 遍历Json的实现代码
Mar 31 #Javascript
You might like
thinkphp实现数组分页示例
2014/04/13 PHP
PHP记录和读取JSON格式日志文件
2016/07/07 PHP
网站被恶意镜像怎么办 php一段代码轻松搞定(全面版)
2018/10/23 PHP
javascript动态添加样式(行内式/嵌入式/外链式等规则)
2013/06/24 Javascript
javascript中clone对象详解
2014/12/03 Javascript
jQuery插件FusionCharts实现的2D柱状图效果示例【附demo源码下载】
2017/03/06 Javascript
JavaScript 防盗链的原理以及破解方法
2020/12/29 Javascript
python pickle 和 shelve模块的用法
2013/09/16 Python
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
python实现异步回调机制代码分享
2014/01/10 Python
零基础写python爬虫之抓取百度贴吧代码分享
2014/11/06 Python
Python 列表list使用介绍
2014/11/30 Python
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
详解Python的Flask框架中生成SECRET_KEY密钥的方法
2016/06/07 Python
Python cookbook(数据结构与算法)通过公共键对字典列表排序算法示例
2018/03/15 Python
Python3+django2.0+apache2+ubuntu14部署网站上线的方法
2018/07/07 Python
Python 中的lambda函数介绍
2018/10/10 Python
python 利用pandas将arff文件转csv文件的方法
2019/02/12 Python
python GUI实现小球满屏乱跑效果
2019/05/09 Python
python  logging日志打印过程解析
2019/10/22 Python
手把手教你进行Python虚拟环境配置教程
2020/02/03 Python
Django基于客户端下载文件实现方法
2020/04/21 Python
html5新特性与用法大全
2018/09/13 HTML / CSS
Html5监听手机摇一摇事件的实现
2019/11/07 HTML / CSS
林清轩官方网站:山茶花润肤油开创者
2016/10/26 全球购物
Nike台湾官方商店:Nike.com (TW)
2017/08/16 全球购物
爱奇艺VIP会员:大剧抢先看
2018/07/11 全球购物
美国潜水装备、水肺潜水和浮潜设备商店:Leisure Pro
2018/08/08 全球购物
人力资源管理专业毕业生自荐书
2014/05/25 职场文书
公司委托书怎么写
2014/08/02 职场文书
项目委托协议书(最新)
2014/09/13 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
七年级地理教学计划
2015/01/22 职场文书
九年级语文教学反思
2016/03/03 职场文书
MySQL分区路径子分区再分区
2022/04/13 MySQL