JavaScript面向对象之继承和多态

前言：我之前已经写过了javascript如何创建一个类似于java写法的类User,并且也写了一些类似的一些写法。

既然关注了面向对象的类，就无可避免地要提到面向对象的特性：封装，继承和多态。

封装：封装就像是一个类，它把对象类似于表格数据单元存储起来，对外只提供属性和方法。

继承：继承就是在类的基础之上加以扩展使现有的类属性更加全面，做的事情甚至更多（当然也可以完全不做任何修改，直接拿来使用）。

多态：动态的调用类型或接口方法，自动完成类型匹配。下面代码为证：

1、封装一个User类，作为基类

/**
  *声明一个类似于java的类并添加其属性
  */
 var User=function(){
   var name='jack';//默认值
   var gender=‘male’;//默认值
   var age=20;//默认值
   this.setName=function(name){
        this.name=name;
  };

   this.getName=function(){

       return this.name;

 }
   this.setGender=function(gender){
       this.gender=gender;
  };

  this.getGender=function(){

    return this.gender;

 }
 this.setAge=function(age){
       this.age=age;
  };

 this.getAge=function(){

     return this.age;

  }

 this.introduceMyself=function(){

     alert('Hello!my name is '+this.getName()+",I'm "+this.getAge()+'years old!');

}
}

2、继承：创建User的子类

派生出子类Bluce并重写介绍自己的方法。

var Bluce=function(){

   this.introduceMyself=function(){

     alert('Bluce say hello to you!');

    }

}

派生出子类Lisa并重写自己的介绍方法。

var Lisa=function(){

this.introduceMyself=function(){  

     alert('Lisa  say hello to you!');

   }

}

/**

 *多态方法

 */

function sayHello(intro){

    // 判断实参是否是User的一个实例

    if (intro instanceof User) {

    // 调用sayHello方法（编译器会自动获取被覆盖过的子类方法并调用）

     intro.introduceMyself();

   }

}

实现继承：

Bluce.prototype=new User();

Lisa.prototype=new User();

 3、多态调用

var  ub=new Bluce();

ub.setName("Bluce");

ub.setAge(23);

ub.setGender('male');

ub.sayHello(ub);

 

var ul=new  Lisa();

ul.setName("Lisa");

ul.setAge(21）;

ul.setGender('female');

ul.sayHello(ul);