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 相关文章推荐
几个比较经典常用的jQuery小技巧
Mar 01 Javascript
jQuery ajax cache缓存问题
Jul 01 Javascript
js实现TAB切换对应不同颜色的代码
Aug 31 Javascript
分享Javascript实用方法二
Dec 13 Javascript
jQuery定义插件的方法
Dec 18 Javascript
基于Bootstrap实现Material Design风格表单插件 附源码下载
Apr 18 Javascript
微信小程序 wx.request(object) API详解及实例代码
Sep 30 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 Javascript
bootstrap table动态加载数据示例代码
Mar 25 Javascript
node中使用es5/6以及支持性与性能对比
Aug 11 Javascript
vue使用keep-alive实现数据缓存不刷新
Oct 21 Javascript
vue单应用在ios系统中实现微信分享功能操作
Sep 07 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
PHP备份数据库生成SQL文件并下载的函数代码
2012/02/05 PHP
php缓冲 output_buffering的使用详解
2013/06/13 PHP
js form 验证函数 当前比较流行的错误提示
2009/06/23 Javascript
选择器中含有空格在使用示例及注意事项
2013/07/31 Javascript
jQuery 绑定事件到动态创建的元素上的方法实例
2013/08/18 Javascript
使用node.js 制作网站前台后台
2014/11/13 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
微信小程序(应用号)简单实例应用及实例详解
2016/09/26 Javascript
Angularjs 动态改变title标题(兼容ios)
2016/12/29 Javascript
JS实现的简易拖放效果示例
2016/12/29 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
vue.js学习之UI组件开发教程
2017/07/03 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
在vue-cli项目中使用bootstrap的方法示例
2018/04/21 Javascript
vue-router 源码之实现一个简单的 vue-router
2018/07/02 Javascript
对Vue beforeRouteEnter 的next执行时机详解
2018/08/25 Javascript
vue中v-show和v-if的异同及v-show用法
2019/06/06 Javascript
Nodejs异步流程框架async的方法
2019/06/07 NodeJs
如何在vue中使用HTML 5 拖放API
2021/01/14 Vue.js
python动态性强类型用法实例
2015/05/09 Python
Python中List.count()方法的使用教程
2015/05/20 Python
Python之inspect模块实现获取加载模块路径的方法
2018/10/16 Python
python爬虫超时的处理的实例
2018/12/19 Python
Django之form组件自动校验数据实现
2020/01/14 Python
Python基于class()实现面向对象原理详解
2020/03/26 Python
利用matplotlib为图片上添加触发事件进行交互
2020/04/23 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
html5指南-4.使用Geolocation实现定位功能
2013/01/07 HTML / CSS
城市观光通行证:The Sightseeing Pass
2018/04/28 全球购物
美国滑雪板和装备购物网站:Skis.com
2018/12/20 全球购物
一份Java笔试题
2012/02/21 面试题
自考毕业生自我鉴定
2013/11/04 职场文书
教师师德师风整改措施
2014/10/24 职场文书
美术教师个人工作总结
2015/02/06 职场文书
《画家和牧童》教学反思
2016/02/17 职场文书