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 面向对象编程基础 多态

javascript 面向对象编程基础多态