再论面向对象的Javascript编程
——对于原文《面向。。。》的补充
作者:蓝翼
联系方式:
liuruhong@263.net
关键字:Javascript OOP 面向对象 Jscript 原型 prototype
提要:
在原先《面向对象的JavaScript编程》中，笔者提出了通过Javascript(确切意义上面来说是Microsoft的Jscript)来实现OOP的思想，原文中因为笔者知识的局限，存在一些没有理清楚的思路，感谢一些网友提供的评论，结合这段时间的实际工作，笔者修正了原文中的一些想法.
因为个人知识水平有限的原因，以下所提到的JavaScript仅仅止于Microsoft 的Jscript，至于和NetScape之间的一些不同，也仅止于笔者所知道的范围。在原文中笔者提出了面向对象的JavaScript的概念，不是希望在卖弄Script的技巧，只是觉得在开发的过程中或多或少的会用到，因此从个人的角度提出一些相对可行性的建议。
原文对于Javascript提出了实现，封装，继承，重载，事件等等各个概念，因为个人理解的偏差，原文中有许多地方不甚贴切之处，因此本文只是对于原文的一些个人看法的一些修正。
Javascript从OOP的角度来说，应该不是一门纯OOP的语言，更加准确来说，是一门Object-Based的脚本语言，因此原文提到的所谓类的概念，只是从传统OOP语言的角度去描述的，而所谓的类实现，应该是一种原型实现方式，因为在整个实现的过程中prototype是一个最重要的体现。
理论上来说，所有的function都是object，因此类的创建可以完全基于Object来实现的，原文采用function只是为了更好的实现一些功能，以下就实现，封装，继承，重载，事件这5个概念作一些具体的阐述。
1． 实现。
Javascript的function是一等公民（hax原语），因此采用function来实现是最好的方式，至于采用如下两段代码来实现这个就是根据个人编程的习惯来决定，而一些实现的偏差我会在下文详细的描述。
代码1
function MyObject(sName){
this.name=sName;
this.MessageBox=function(){
alert("名字"+ this.name);
}
this.ChangeName=ChangeName;
function ChangeName(){
this.name="改变" + this.name;
}
}
代码2
function MyObject(sName){
this.name=sName;
}
MyObject.prototype.MessageBox=function(){
alert("名字"+ this.name);
}
MyObject.prototype.ChangeName=function(){
this.name="改变" + this.name;
}
采用标准的类实现结构和原型实现方式，在使用来说是没有区别的，如果从传统的类设计如（C++，smalltalk那样的语言）来说，应该采用第一种方案，但是就我个人而言，我建议使用第二种方案，毕竟在开发的过程中，那样的编写方式和Javascript的编写方式比较接近，基本立足于function的实现。
2．封装
既然引入了对象的概念，必然需要考虑到封装，C++这样的语言中有提出private ,protected,public的概念，在Javascript中，没有对应protected的概念，但是在private和public能够做到隐含的实现，另外如果需要大量使用到私有变量，实现方式中采用方案一可能更加合适一点，如下代码所示。
function MyObject(sName){
var mVar=1;
this.name=sName;
this.MessageBox=function(){
alert("名字"+ this.name);
mVar=2;
}
this.ChangeName=ChangeName;
function ChangeName(){
this.name="改变" + this.name;
}
this.GetVar=function(){
return mVar;
}
}
mVar是一个私有变量，name是一个共有变量，在MyObject内部实现的函数，可以访问mVar变量，而name则可以通过this.name的方式在任何实现的地方访问，对于内部函数的处理，ChangeName是不可以被直接访问的，但是可以通过Object.ChangeName()访问，这些概念在hax的评论中有几个网友讲述的比较详细.
简单而言，Javascript提供了对象中的private和public，但是并不提供显式声明，在类函数（姑且让我如此称呼）中定义的函数和变量都是私有变量，通过this.methodName或者this.varName定义的都是public实现的，通过object.prototype.name实现的也是public,在类函数中的私有函数可以访问那些私有变量和函数的，至于通过object.prototype.name那样实现的方法是否可以访问私有变量，我没有做过，如果谁做过，麻烦告诉我。
在VBS中提出了class的概念，如下的代码能够完整地体现封装的风格。
Class MyClass
Private vLoginID
Public UserName
Public Property Get LoginID
LoginID=vLoginID
End Propertyp
Public Property Let LoginID(vValue)
vLoginID=vValue
End Property
End Class
在Javascript中没有显式所谓属性概念，这点上面VBS的封装确实比较干净，JavaScript
中没有这样的概念，但是可以采用和Java类似的设计方法，如Get_PropertyName,Set_PropertyName这样的方法来做。我个人建议就采用函数来实现，如果如果带参数，则表示进行set操作，如果不带参数，可以认为是get操作。简单而言采用如下的代码风格。
Object.prototype.UserName=function（vValue){
If(vValue){
//todo get
}
Else{
Return value;
}
}
以上提及的只是我个人实现的观点。
3．继承
原文中提到通过设置原型的方式可以实现继承，就是通过SubObject.prototype=new BaseObject这样的方式来实现，至于对应的构造函数，在原文中采用了
This.base=parentclass;
This.base();
这样的方式实际是调用父类的构造函数来完成的，完成prototype(原型)设置之后，通过SubObject实例化的对象就可以访问父类的所有方法。在实际开发过程中碰到如下的问题，本来考虑到实现的时候通过方案一和方案二是没有任何区别的，可是如下的代码却有点奇怪。
function son(sName){
this.base=MyObject;
this.base(sName);
}
son.prototype.MessageBox=function(){
//this.base.MessageBox();
alert("子类调用");
}
son.prototype.hi=function(){
alert("kk");
}
var o=new son("hello");
o.MessageBox();
最后的执行结果是上文MyObject.MessageBox的方法，son.prototype.MessageBox这个函数却不执行，不清楚是否是我的代码还有问题，在继承方面，我发现通过this.method=functionName和object.prototype.methodName实现似乎不是完全一样的，对于这个方面如果有谁比较理解，麻烦告诉我。
在刚才的代码中不使用prototype就可以完成继承，这里采用的方法应该是构造函数初始化，因此Object.MessageBox等等一些函数都完全初始化，而如果没有写SubObject.prototype=BaseObject，那么BaseObject.prototype.methodName来实现的一些方法就无法实现。
4．重载
在原文中我提到使用Object.prototype.MethodName的方式来重写方法，但是同时保留了一个问题，就是如何调用父类的方法，上文提到的this.base=MyObject,this.base()这样只能够实现构造函数的实现的一些方法，也就是父类在函数体内本身定义的一些方法或者属性，通过原型prototype实现的就无法实现，在采用SubObject.prototype=new BaseObject那样的方式，也会出现一些上文提到的一些问题。
在Jscript 5.5以上版本，有一个call函数，通过这个函数我们可以完整的实现对于父类的方法调用，就如同Java里头的super，也就可以实现重载。如果读者的客户端系统是IE6或者WinME
