javascript 面向对象编程基础多态

更新时间：2009年08月21日 01:40:06 作者：

javascript 面向对象编程基础多态的实现方法说明，大家可以看下下面的代码。

Javascript已经可以模拟出面向对象的封装和继承特性，但是不幸的是Javascript对多态特性的支持非常弱！其它面向对象语言的多态一般都由方法重载和虚方法来实现多态，Javascript也通过这两种途径来实现！

重载：由于Javascript是弱类型的语言，而且又支持可变参数，当我们定义重载方法的时候，解释器无法通过参数类型和参数个数来区分不同的重载方法，因此方法重载是不被支持的！当先后定义了同名的方法的时候，后定义的方法会覆盖先定义的方法！

既然解释器无法分辨重载方法，那就手动区分不同的方法：

复制代码代码如下:

 
var MyClass=function(){ 
var AddNum=function(a,b){ 
return a+b; 
} 
var AddString=function(a,b){ 
return "I am here"+a+b; 
} 
this.Add=function(a,b){ 
if(typeof(a)=="number") 
return AddNum(a,b); 
else 
return AddString(a,b); 
} 
} 
var MyObj = new MyClass(); 
var X = MyObj.Add(5,6); 
var Y = MyObj.Add("A","FFFFFF"); 
alert(X); //结果：11 
alert(Y); //结果：I am hereAFFFFFF 

虚方法：

复制代码代码如下:

 
function BaseClass(){ 
this.Hello=function(){ 
return this.Say(); 
} 
} 
function MyClassA(){ 
this.Say=function(){ 
return "Hello"; 
} 
} 
function MyClassB(){ 
this.Say=function(){ 
return "This is MyClassB"; 
} 
} 
MyClassA.prototype = new BaseClass(); 
MyClassB.prototype = new BaseClass(); 
var ObjA = new MyClassA(); 
var XX = ObjA.Hello(); 
alert(XX); //结果：Hello 
var ObjB = new MyClassB(); 
var YY = ObjB.Hello(); 
alert(YY); //结果：This is MyClassB 

由于Javascript解释执行的特性，因此可以再基类中调用将要在派生类中定义的方法，那么这个基类方法就相当于虚方法，可以实现模拟多态！
js的重载和重写（覆写）：
重载的意思是，“同一个名字的函数（注意这里包括函数）或方法可以有多个实现，它们依靠参数的类型和（或）参数的个数来区分识别”。而重写（覆盖）的意思是，“子类中可以定义与父类中同名，并且参数类型和个数也相同的方法，这些方法的定义后，在子类的实例化对象中，父类中继承的这些同名方法将被隐藏”。重载的英文是overload，覆盖的英文是override。好了，概念介绍到这里，你猜到我要说什么了吗？嘿嘿，Code is cheap.看重载代码：

复制代码代码如下:

// 通过函数的arguments属性实现重载 
function add() { 
var sum = 0 ; 
for ( var i = 0 ; i < arguments.length; i ++ ) { 
sum += arguments[i]; 
} 
return sum; 
} 
function test() { 
alert(add()); 
alert(add( 1 , 2 )); 
alert(add( 1 , 2 , 3 )); 
} 

通过代码运行结果，这样就实现了任意多个参数加法函数的重载了。当然，你还可以在函数中通过 instanceof 或者 constructor 来判断每个参数的类型，来决定后面执行什么操作，实现更为复杂的函数或方法重载。总之，javascript 的重载，是在函数中由用户自己通过操作 arguments 这个属性来实现的。关于arguments的特性，前面我已经做了简单介绍，参考拙文：http://blog.csdn.net/zhanglingdll_39/archive/2009/08/20/4465670.aspx 。
下面重点理解js重写的实现：
// 为类添加静态方法inherit表示继承于某类
Function.prototype.inherit = function (baseClass) {
for ( var p in baseClass.prototype) {
this .prototype[p] = baseClass.prototype[p];
}
}
// js实现重写
function parentClass() { // 父类
}
parentClass.prototype.method = function () {
alert( " parentClass method " );
}
function subClass() { // 子类
}
//

复制代码代码如下:

下面这一句和subClass.prototype = new parentClass();等价 
subClass.inherit(parentClass); 
// subClass.prototype.method = function() { // 子类重写了父类的方法 -- 去掉注释运行试试看 
// alert("subClass method"); 
// } 
function test() { 
var obj = new subClass(); 
obj.method(); 
} 
这样，子类中定义的method 就覆盖了从父类中继承来的method 方法了。这是你可能会问，如何在子类中调用父类的method方法呢？好的，看实现如下： 
// 为类添加静态方法inherit表示继承于某类 
Function.prototype.inherit = function (baseClass) { 
for ( var p in baseClass.prototype) { 
this .prototype[p] = baseClass.prototype[p]; 
} 
} 
/* 参考文章：http://menjoy.javaeye.com/blog/127847 */ 
// js实现重写 
function parentClass() { 
this .method = function () { 
alert( " parentClass method " ); 
} 
} 
function subClass() { 
var method = this .method; 
this .method = function () { 
method.call( this ); 
alert( " subClass method " ); 
} 
} 
subClass.prototype = new parentClass(); 
// subClass.inherit(parentClass); //这一句貌似和上一句subClass.prototype = new parentClass();等价,其实呢？？？？(注释上一行，运行这一行看看) 
subClass.prototype.constructor = subClass; 
function test() { 
var obj = new subClass(); 
obj.method(); 
} 

好了，关于多态的介绍就到这里。js面向对象编程犹如浩瀚海洋广阔无边，我这三篇参考别人的文章写出来的js面向对象基础只能当作入门者学习的参考。学无止境，参考了网上几篇老大们的牛文，深知自身技术的浅薄，对于已经超越了解阶段的读者，还是看看园子里高人的技术文章吧。我这里要先拜谢园子里的高人了。

您可能感兴趣的文章:

JavaScript 继承详解（四）
在本章中，我们将分析Douglas Crockford关于JavaScript继承的一个实现
2009-07-07
Javascript 面向对象命名空间
作用主要为了防止类名冲突，相同的类名只要属于不同的命名空间，便不会冲突。
2010-05-05
JavaScript面向对象之Prototypes和继承
本文翻译自微软的牛人Scott Allen Prototypes and Inheritance in JavaScript ,本文对到底什么是Prototype和为什么通过Prototype能实现继承做了详细的分析和阐述，是理解JS OO 的佳作之一
2012-07-07
Javascript 面向对象继承
所有面向对象的语言都应该有继承的特性，JavaScript 也不例外。
2010-05-05
javascript 面向对象的JavaScript类
这一节来说下紧接着的一个概念——类。虽然JavaScript中没有class关键字，但作为开发人员我们一定要有这个思想。在C#中类可以分为实例类和静态类，JavaScript亦然。
2010-05-05
Javascript面向对象设计一工厂模式
工厂模式抽象了创建具体对象的过程，但是在ECMAScript中无法创建类，所以就使用一种函数来封装以特定接口创建对象的细节
2011-12-12
关于js类的定义
这两天帮同学做秒杀网，打算将前台和后台彻底分离，仅用ajax通信。这样就免不了大量的使用javascript，于是发现，js果然是难学难用。
2011-06-06
JS面向对象编程 for Cookie
前一些天做项目的时候写了一个通用的OO By Class Cookie今天把它放上来给大家分享下！
2010-09-09
javascript 写类方式之六
这篇开始会分析流行的js库之写类方式。各种库的写类方式虽然千奇百怪，但仍然逃离不了本质---用构造函数和原型来组装类。
2009-07-07
js类中获取外部函数名的方法与代码
js类中获取外部函数名的方法与代码...
2007-09-09