AJAX中JavaScript类的三种成员_Web开发_学习笔记★闵涛★计算机学习电脑编程软硬件技巧


	转至繁体中文版	\| 网站首页 \| 图文教程 \| 资源下载 \| 站长博客 \| 图片素材 \| 武汉seo \| 武汉网站优化 \|

AJAX中JavaScript类的三种成员

作者：闵涛文章来源：闵涛的学习笔记点击数：732 更新时间：2009/4/23 11:30:25

　　实现类的公有成员

　　前面定义的任何类成员都属于公有成员的范畴，该类的任何实例都对外公开这些属性和方法。

　　实现类的私有成员

　　私有成员即在类的内部实现中可以共享的成员，不对外公开。JavaScript中并没有特殊的机制来定义私有成员，但可以用一些技巧来实现这个功能。

　　这个技巧主要是通过变量的作用域性质来实现的，在JavaScript中，一个函数内部定义的变量称为局部变量，该变量不能够被此函数外的程序所访问，却可以被函数内部定义的嵌套函数所访问。在实现私有成员的过程中，正是利用了这一性质。

　　前面提到，在类的构造函数中可以为类添加成员，通过这种方式定义的类成员，实际上共享了在构造函数内部定义的局部变量，这些变量就可以看作类的私有成员，例如：

＜script language="JavaScript" type="text/javascript"＞
＜!--
function class1(){
　var pp=" this is a private property"; //私有属性成员pp
　function pm(){ //私有方法成员pm，显示pp的值
　　alert(pp);
　}
　this.method1=function(){
　　//在公有成员中改变私有属性的值
　　pp="pp has been changed";
　}
　this.method2=function(){
　　pm(); //在公有成员中调用私有方法
　}
}
var obj1=new class1();
obj1.method1(); //调用公有方法method1
obj1.method2(); //调用公有方法method2
//--＞
＜/script＞

显示了运行的结果。

　　这样，就实现了私有属性pp和私有方法pm。运行完class1以后，尽管看上去pp和pm这些局部变量应该随即消失，但实际上因为class1是通过new来运行的，它所属的对象还没消失，所以仍然可以通过公开成员来对它们进行操作。

　　注意：这些局部变量（私有成员），被所有在构造函数中定义的公有方法所共享，而且仅被在构造函数中定义的公有方法所共享。这意味着，在prototype中定义的类成员将不能访问在构造体中定义的局部变量（私有成员）。

　　要使用私有成员，是以牺牲代码可读性为代价的。而且这种实现更多的是一种JavaScript技巧，因为它并不是语言本身具有的机制。但这种利用变量作用域性质的技巧，却是值得借鉴的。

　　实现静态成员

　　静态成员属于一个类的成员，它可以通过“类名.静态成员名”的方式访问。在JavaScript中，可以给一个函数对象直接添加成员来实现静态成员，因为函数也是一个对象，所以对象的相关操作，对函数同样适用。例如：

function class1(){//构造函数
}
//静态属性
class1.staticProperty="sample";
//静态方法
class1.staticMethod=function(){
　alert(class1.staticProperty);
}
//调用静态方法
class1.staticMethod();
　　通过上面的代码，就为类class1添加了一个静态属性和静态方法，并且在静态方法中引用了该类的静态属性。

　　如果要给每个函数对象都添加通用的静态方法，还可以通过函数对象所对应的类Function来实现，例如：

//给类Function添加原型方法：show ArgsCount
Function.prototype.showArgsCount=function(){
　alert(this.length); //显示函数定义的形参的个数
}
function class1(a){
　//定义一个类
}
//调用通过Function的prototype定义的类的静态方法showArgsCount
class1. showArgsCount ();
　　由此可见，通过Function的prototype原型对象，可以给任何函数都加上通用的静态成员，这在实际开发中可以起到很大的作用，比如在著名的prototype-1.3.1.js框架中，就给所有的函数定义了以下两个方法：

//将函数作为一个对象的方法运行
Function.prototype.bind = function(object) {
　var __method = this;
　return function() {
　　__method.apply(object, arguments);
　}
}
//将函数作为事件监听器
Function.prototype.bindAsEventListener = function(object) {
　var __method = this;
　return function(event) {
　　__method.call(object, event || window.event);
　}
}
　　这两个方法在prototype-1.3.1框架中起了很大的作用，具体含义及用法将在后面章节介绍。 133

[Web开发]AJAX来判断dedecms用户是否登录  [网页制作]新手解读：认识XML，AJAX，SNS，Tag
[网页制作]从GMail认识的W3C网页标准和Ajax  [Web开发]利用PHP+JavaScript打造AJAX搜索窗
[Web开发]基于AJAX技术提高搜索引擎排名  [Web开发]XMLHTTP异步获取返回值的代码超时测试(AJAX)
[Web开发]整理Web开发-Ajax社区中有关Ajax的资料  [Web开发]【编程】Web 交互 - AJAX 不是什么新技术
[Web开发]掌握 Ajax，第 1 部分: Ajax 简介  [Web开发]Backbase框架：专业级AJAX开发框架

教程录入：mintao 责任编辑：mintao

上一篇教程：用javascript实现Base64编码

下一篇教程：斜体样式的导航条

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

注：本站部分文章源于互联网，版权归原作者所有！如有侵权，请原作者与本站联系，本站将立即删除！本站文章除特别注明外均可转载，但需注明出处！ [MinTao学以致用网]

　网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）

同类栏目

· Web开发  · 网页制作
· 平面设计  · 网站运营
· 网站推广  · 搜索优化
· 建站心得  · 站长故事
· 互联动态

热门推荐

没有教程

赞助链接

闵涛博文

500 - 内部服务器错误。

您查找的资源存在问题，因而无法显示。

鄂公网安备 42011102001154号

站长：MinTao ICP备案号：鄂ICP备11006601号-18

闵涛站盟:医药大全-武穴网。A打造B、C、D……