再论面向对象的Javascript编程

再论面向对象的Javascript编程 liuruhong [原作]
关键字 Javascript OOP 面向对象 Jscript 原型 prototype
出处

确实没有想到，第一次写一篇文章居然会上CSDN的头条，可能最主要的还是来自于hax那篇比较深刻的评论吧。我非常欣赏hax的才气，所以对于他的评论全盘照收，至于有些网友不是很满意他评论的风格，这个因人而异，我个人也就不做太多的评论.






--------------------------------------------------------------------------------
再论面向对象的Javascript编程

——对于原文《面向。。。》的补充

作者:蓝翼

联系方式: [e-mail]

关键字: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