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 相关文章推荐
封装html的select标签的js操作实例
Jul 02 Javascript
JQuery插件开发示例代码
Nov 06 Javascript
jquery中each方法示例和常用选择器
Jul 08 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
深入剖析JavaScript面向对象编程
Jul 12 Javascript
js实现背景图自适应窗口大小
Jan 10 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
Jun 11 Javascript
微信小程序之页面跳转和参数传递的实现
Sep 29 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 jQuery
详解JavaScript对数组操作(添加/删除/截取/排序/倒序)
Apr 28 Javascript
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
多浏览器支持的右下角浮动窗口
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
PHP记录搜索引擎蜘蛛访问网站足迹的方法
2015/04/15 PHP
对联广告js flash激活
2006/10/19 Javascript
JavaScript的面向对象方法以及差别
2008/03/31 Javascript
JQuery实现自定义对话框的代码
2008/06/15 Javascript
再谈javascript面向对象编程
2012/03/18 Javascript
『jQuery』名称冲突使用noConflict方法解决
2013/04/22 Javascript
如何获取select下拉框的值(option没有及有value属性)
2013/11/08 Javascript
三种AngularJS中获取数据源的方式
2016/02/02 Javascript
Bootstrap 附加导航(Affix)插件实例详解
2016/06/01 Javascript
JavaScript 继承详解(六)
2016/10/11 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
JS利用正则表达式实现简单的密码强弱判断实例
2017/06/16 Javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
2017/08/22 Javascript
纯js实现画一棵树的示例
2017/09/05 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
laydate如何根据开始时间或者结束时间限制范围
2018/11/15 Javascript
BootStrap modal实现拖拽功能
2018/12/01 Javascript
vue-week-picker实现支持按周切换的日历
2019/06/26 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
[01:32]DOTA2次级联赛——首支职业女子战队选拔赛全记录
2014/10/23 DOTA
python中使用mysql数据库详细介绍
2015/03/27 Python
Python 实现购物商城,含有用户入口和商家入口的示例
2017/09/15 Python
python自动化工具之pywinauto实例详解
2019/08/26 Python
python 实现快速生成连续、随机字母列表
2019/11/28 Python
PyQt5多线程刷新界面防假死示例
2019/12/13 Python
python中with语句结合上下文管理器操作详解
2019/12/19 Python
Python __slots__的使用方法
2020/11/15 Python
高级方案规划工程师岗位职责
2013/11/29 职场文书
毕业实习证明(4篇)
2014/10/28 职场文书
涨价通知怎么写
2015/04/23 职场文书
今日说法观后感
2015/06/08 职场文书
《黄山奇石》教学反思
2016/02/18 职场文书
python 如何在list中找Topk的数值和索引
2021/05/20 Python
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android
苹果的回收机器人可以通过拆解iPhone获取大量的金和铜并外公布了环境保护最新进展
2022/04/21 数码科技
Rust中的Struct使用示例详解
2022/08/14 Javascript