再论面向对象的Javascript编程 liuruhong [原作]
关键字 Javascript OOP 面向对象 Jscript 原型 prototype
出处
确实没有想到,第一次写一篇文章居然会上CSDN的头条,可能最主要的还是来自于hax那篇比较深刻的评论吧。我非常欣赏hax的才气,所以对于他的评论全盘照收,至于有些网友不是很满意他评论的风格,这个因人而异,我个人也就不做太多的评论.
--------------------------------------------------------------------------------
再论面向对象的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
关键字 Javascript OOP 面向对象 Jscript 原型 prototype
出处
确实没有想到,第一次写一篇文章居然会上CSDN的头条,可能最主要的还是来自于hax那篇比较深刻的评论吧。我非常欣赏hax的才气,所以对于他的评论全盘照收,至于有些网友不是很满意他评论的风格,这个因人而异,我个人也就不做太多的评论.
--------------------------------------------------------------------------------
再论面向对象的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