JS三大继承方法

1 原型继承：

缺点：继承而来的父类属性和方法会被子类的所有实例所共享，没办法在不影响所有子类实例的前提下向父类传参。

//原型继承 子构造函数的显示原型指向父构造函数的实例对象
 function Parent(age){
     this.age=age
 }
 Parent.prototype.sayHi = function(){
     console.log(this.age)
 }
 function Son(){}
 Son.prototype = new Parent(18)//通过生成父类的实例继承父类的age属性和函数
 Son.prototype.constructor = Son//这两行代码是核心
 var son = new Son()
 var son1 = new Son()
 son.sayHi()//18
 son1.sayHi()//age=18这个属性被子类的所有实例共用

2 通过构造函数继承

缺点：要在子函数中执行父函数，消耗大；这种类型的继承没有涉及原型prototype，所以父类的原型方法自然不会被子类继承，而要想被子类继承就必须把放在构造函数里，这样创建出来的每个实例都会单独拥有一份而不能共用，这样就违背了代码复用的原则。

//构造函数继承，核心是在子构造函数里面调用父构造函数，通过call方法改变父函数的this指向，从而使子实例继承父函数的属性
function Parent(name,age){
    this.age=age;
    this.name=name;
    this.handler=function(){ //父函数的方法子函数创建一个实例就要开辟一个空间存放方法，消耗大
        console.log('1234')
    }
}
function Son(name,age,sex){
    Parent.call(this,name,age) //核心！！！
    this.sex=sex
}
var son = new Son('lily',18,'女')
console.log(son.name,son.age,son.sex)//lily 18 女

3 组合继承

摒弃了原型链继承和构造函数继承的缺点。

//组合继承，通过构造函数继承属性，把方法挂在原型上进而通过原型继承继承方法
function Parent (name,age){
    this.name=name
    this.age=age
}
Parent.prototype.handler=function(){
    console.log('1234')
}
function Son (name,age,sex){
    Parent.call(this,name,age) //call方法继承父函数的属性
    this.sex=sex
}
Son.prototype = new Paren  //原型继承继承父函数的方法
var son = new Son('lily',18,'女')
console.log(son.name,son.age,son.sex) //lily 18 女
son.handler()  //1234