前端JS的6种继承方式

1.原型链继承

这种方式关键在于:子类型的原型为父类型的一个实例对象。
父类的实例作为子类的原型，他的特点是实例是子类的实例也是父类的实例，父类新增的原型方法/属性，子类都能够访问，并且原型链继承简单易于实现，缺点是来自原型对象的所有属性被所有实例共享，无法实现多继承，无法向父类构造函数传参。

function Animal(){
    this.eat = function(){
        alert("我会吃");
    }
}
function Bird(){
    this.fly = function(){
        alert("我会飞");
    }
}
//设置Bird类的原型为一个Animal对象
Bird.prototype = new Animal();
var pigeon = new Bird();
pigeon.fly();
pigeon.eat();

2、构造继承

使用父类的构造函数来增强子类实例，即复制父类的实例属性给子类，构造继承可以向父类传递参数，可以实现多继承，通过call多个父类对象。但是构造继承只能继承父类的实例属性和方法，不能继承原型属性和方法，无法实现函数服用，每个子类都有父类实例函数的副本，影响性能

  function Person(name, age) {    
  this.name = name,    
  this.age = age,    
  this.setName = function () {}  
  }  
  Person.prototype.setAge = function () {}  
  function Student(name, age, price) {    
  Person.call(this, name, age)  // 相当于: this.Person(name, age)   
  /*this.name = name    this.age = age*/   
  this.price = price  } 
  var s1 = new Student('Tom', 20, 15000)

3、实例继承

为父类实例添加新特性，作为子类实例返回，实例继承的特点是不限制调用方法，不管是new 子类（）还是子类（）返回的对象具有相同的效果，缺点是实例是父类的实例，不是子类的实例，不支持多继承

4、拷贝继承

特点：支持多继承，缺点：效率较低，内存占用高（因为要拷贝父类的属性）无法获取父类不可枚举的方法（不可枚举方法，不能使用for in 访问到）

5、组合继承

通过调用父类构造，继承父类的属性并保留传参的优点，然后通过将父类实例作为子类原型，实现函数复用

function Person (name, age) {  
this.name = name,  
this.age = age,  
this.setAge = function () { }
}
Person.prototype.setAge = function () {  
console.log("111")}
function Student (name, age, price) {  
Person.call(this, name, age)  
this.price = price  
this.setScore = function () { }
}
Student.prototype = new Person()
Student.prototype.constructor = Student//组合继承也是需要修复构造函数指向的
Student.prototype.sayHello = function () { }
var s1 = new Student('Tom', 20, 15000)
var s2 = new Student('Jack', 22, 14000)
console.log(s1)
console.log(s1.constructor) //Student
console.log(p1.constructor) //Person       

6、寄生组合继承

通过寄生方式，砍掉父类的实例属性，这样，在调用两次父类的构造的时候，就不会初始化两次实例方法/属性，避免的组合继承的缺点

ES6类的继承

class Animal {
    constructor(name){
        this.name = name;
        this.type = "动物";
    }
    
    says(say){
        console.info(this.type + "【" + this.name + "】" + "说 " + say);
    }
}

let dog = new Animal("狗狗");
dog.says("汪汪汪");


class Bird extends Animal {
    constructor(name){
        super(name);
        this.type = "小鸟";
    }
}

let pigeon = new Bird("鸽子");
pigeon.says("我是一只小鸟");