javascript继承的三种方法

javascript并不是纯粹的面向对象的语言，因此也没有明确的继承方式，但可以通过一些方式来模拟继承。本文总结常见的javascript继承模拟方式

1，对象继承

//父类
function Person(name,age){
    this.name = name;
    this.age = age;
};

Person.prototype.height = "170cm";

//子类
function Boy(){
    this.speak = function(){
        alert("我是子类");
    };
};

//继承方式
Boy.prototype = new Person("XiaoMing","20");

//测试
var boy = new Boy();
boy.speak();    //我是子类
alert(boy.name);  //XiaoMing
alert(boy.age);  //20
alert(boy.height);  //170cm

该种方式的继承方法为将子类的原型对象设置为父类的实例对象

该方法的优点是既继承了父类的类属性，又继承了父类原型对象中的属性

缺点是创建子类对象时如果需要传递参数，则只能用父类来接收参数，不太灵活，语法上也不面向对象

2，类继承

//父类
function Person(name,age){
    this.name = name;
    this.age = age;
}
Person.prototype.height = "170cm";

//子类与继承方式
function Boy(name,age){
   Person.call(this,name,age);
   this.speak = function(){
        alert("我是子类");
   }
}

//测试
var boy = new Boy("XiaoMing","20");
boy.speak(); //我是子类
alert(boy.name);  //XiaoMing
alert(boy.age);  //20
alert(boy.height);  //undefined

这种继承实际上就是在子类函数中通过call调用父类函数

优点是创建子类时传递参数不需要传递给父类，比较灵活，缺点是只能继承父类的类属性，无法继承父类的原型对象里的属性

3，混合继承

//父类
function Person(name,age){
    this.name = name;
    this.age = age;
}

Person.prototype.height = "170cm";

//子类及继承方式
function Boy(name,age){
    Person.call(this,name,age);
    this.speak = function(){
        alert("我是子类");
    }
}

Boy.prototype = new Person();

//测试
var boy = new Boy("XiaoMing","20");
boy.speak();  //我是子类
alert(boy.name);   //XiaoMing
alert(boy.age);    //20
alert(boy.height);  //170cm

这种继承方式实际上是上两种方式的结合体，因此既有第二种方式的灵活，又有第一种方式的全面

Boy.prototype = new Person();  这一句中没有传递参数，该句作用是继承父类的原型对象里的属性，而call方式是继承父类的类属性