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获取GridView选择的行内容
Apr 14 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
js将当前时间格式转换成时间搓(自写)
Sep 26 Javascript
js菜单点击显示或隐藏效果的简单实例
Jan 13 Javascript
JS随机调用指定函数的方法
Jul 01 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
AngularJS优雅的自定义指令
Jul 01 Javascript
jQuery中Nicescroll滚动条插件的用法
Nov 10 Javascript
手把手搭建安装基于windows的Vue.js运行环境
Jun 12 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 Javascript
详解Vue中组件的缓存
Apr 20 Javascript
Node实现搜索框进行模糊查询
Jun 28 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
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
修复ShopNC使用QQ 互联时提示100010 错误
2015/11/08 PHP
thinkphp3.2实现上传图片的控制器方法
2016/04/28 PHP
论坛特效代码收集(落伍转发-不错)
2006/12/02 Javascript
JavaScript中的类(Class)详细介绍
2014/12/30 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
2015/10/24 Javascript
Bootstrap每天必学之附加导航(Affix)插件
2016/04/25 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
js实现旋转木马效果
2017/03/17 Javascript
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
js上传图片预览的实现方法
2017/05/09 Javascript
微信小程序 获取session_key和openid的实例
2017/08/17 Javascript
修改npm全局安装模式的路径方法
2018/05/15 Javascript
解决vue脚手架项目打包后路由视图不显示的问题
2018/09/20 Javascript
jQuery操作cookie的示例代码
2019/06/05 jQuery
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
js new Date()实例测试
2019/10/31 Javascript
[01:13:08]2018DOTA2亚洲邀请赛4.6 淘汰赛 mineski vs LGD 第二场
2018/04/10 DOTA
python的Template使用指南
2014/09/11 Python
详解Python中find()方法的使用
2015/05/18 Python
Python的Socket编程过程中实现UDP端口复用的实例分享
2016/03/19 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
Python单例模式的两种实现方法
2017/08/14 Python
python如何删除文件中重复的字段
2019/07/16 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
python 画条形图(柱状图)实例
2020/04/24 Python
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
加利福尼亚州威尼斯的女性奢侈品设计师服装和概念店:Mona Moore
2018/09/13 全球购物
工厂门卫岗位职责
2013/11/25 职场文书
会计专业个人求职信范文
2014/01/08 职场文书
导购员的岗位职责
2014/02/08 职场文书
文化产业实施方案
2014/06/07 职场文书
五四演讲稿范文
2014/09/03 职场文书
让世界充满爱观后感
2015/06/10 职场文书
2016年社区“6.26”禁毒日宣传活动总结
2016/04/05 职场文书
如何用PHP实现多线程编程
2021/05/26 PHP