javascript之继承

最近学习了JavaScript中的继承，我觉得其中需要掌握的是对于继承的形式以及如何去继承这些方面，比较常用的继承是原型链继承，经典继承，组合继承。

1.原型链继承

原型链继承是   子类原型指向父类的实例对象，子类能够继承父类原型中的属性和方法。

定义父类

/定义父类
function Person(name,age) {
    this.name = name;
    this.age = age;
    this.say = function () {
        console.log("说话");
    }
}

 给Person原型定义一个方法

     

//给Person原型定义一个方法
Person.prototype.statu = function () {
    console.log("我是"+this.face);
}

定义子类

//定义子类
function Girl(hair,face) {
    this.hair = hair;
    this.face = face;
    this.say = function(){
        console.log("I am a girl!")
    }
}

原型链继承

//原型链继承
Girl.prototype = new Person();

实例化Girl对象

//实例化Girl对象
var g = new Girl("long","yelloPeople");
console.log(g);
g.say();//现在自己内部找有没有say方法，若是没有，则通过原型链去父原型中找
g.name = "zs";
g.statu();

结果：

总结：

子类通过原型链继承，能够使用父类原型中的属性和方法，但是也有自己的缺点，比如要想为子类新增属性和方法，必须在原型链继承语句之后。而且并不能实现多继承。

2.经典继承

经典继承又称构造函数继承，是使用父类的构造函数来增强子类实例，等于是复制父类的实例属性给子类（没用到原型）。

定义父类，子类，以及继承语句

//经典继承是直接在子类构造函数中使用父类的构造函数，通过.call方法，改变this的指向
//定义父类
function Person(name,age) {
    this.name = name;
    this.age = age;
    this.say = function () {
        console.log("说话");
    }
}
//给Person原型定义一个方法
Person.prototype.statu = function () {
    console.log("我是"+this.face);
}
//定义子类
function Girl(hair,face) {
    //经典继承
    Person.call(this);
    this.hair = hair;
    this.face = face;
    // this.say = function(){
    //     console.log("I am a girl!")
    // }
}

实例Girl对象

//实例Girl对象
var g =new Girl("long","yelloPerson");
console.log(g);
g.say();

结果：

 总结

经典继承能够使用父类构的实例方法和属性，可以实现多继承，通过调用call方法。

但是也有自己的缺点，比如，不能继承父类原型中的属性和方法等。

3.组合继承

组合继承是综合了原型链继承和经典继承，通过调用父类构造，继承父类的属性并保留传参的优点，然后通过将父类实例作为子类原型，实现函数复用。

代码的话就是上述代码的综合

就直接演示了

//经典继承是直接在子类构造函数中使用父类的构造函数，通过.call方法，改变this的指向
//定义父类
function Person(name,age) {
    this.name = name;
    this.age = age;
    this.say = function () {
        console.log("说话");
    }
}
//给Person原型定义一个方法
Person.prototype.statu = function () {
    console.log("我是"+this.face);
}
//定义子类
function Girl(hair,face) {
    //经典继承
    Person.call(this);
    this.hair = hair;
    this.face = face;
    // this.say = function(){
    //     console.log("I am a girl!")
    // }
}
//原型链继承
Girl.prototype = new Person();
//实例Girl对象
var g =new Girl("long","yelloPerson");
console.log(g);
g.say();
g.statu();

结果：

 总结：

组合继承综合了经典继承和原型链继承的优点，但是也有自己的一点缺点，比如调用了两次父类构造函数，生成了两份实例。稍微消耗了一点内存。