js继承方法总结

先准备一个父类

 function Animal(name){
    this.name = name || 'Animal';
    this.sleep = function () {
      console.log(this.name+'在睡觉');
    }
  }
  Animal.prototype.eat = function (food) {
    console.log(this.name + '正在吃'+food)
  }

1.原型链继承，父类的实例作为子类的原型

function Cat()
Cat.prototype = new Animal();
Cat.name = 'cat'
var dian = new Cat();
 console.log(dian.name);//打印cat
  console.log(dian.sleep());//cat在睡觉
  console.log(dian instanceof Animal);//true
  console.log(dian instanceof Cat);//true
  console.log(dian.eat('apple'));//cat正在吃apple

在该方法中子类的实例也是父类的实例

2.构造函数继承，将父类的属性赋值给子类，使用apply或者是call的方法

function Cat(name){
Animal.apply(this);
this.name = name;
}
 var cat2 = new Cat('点点');
  console.log('cat2',cat2.name);//打印cat2 点点
  console.log(cat2 instanceof Animal);//false
  console.log(cat2 instanceof Cat);//true
  console.log(cat2.sleep());//点点在睡觉
  console.log(cat2.eat('apple'));//报错

在该方法中因为没有使用到原型，所以子类的实例不再是父类的实例，父类Animal中的eat方法是在原型上定义的，因此子类不会访问到
3.实例继承，在子类中创建父类的实例,并将该实例作为子类的实例返回

function Cat(name){
var instance = new Animal();
instance.name = name || 'Tom'
return instance
}
var cat2 = new Cat('点点2');
  console.log('cat2',cat2.name);//cat2 点点2
  console.log(cat2.sleep());//点点2在睡觉
  console.log(cat2 instanceof Animal);//true
  console.log(cat2 instanceof Cat);//false
  console.log(cat2.eat('apple'));//点点2正在吃apple

在该方法中子类的实例也是父类的实例
4.拷贝继承,在子类中创建父类的实例，并将父类的属性和方法赋值给子类

function  Cat(name){
var animal = new Animal();
for(var p in animal){
Cat.prototype[p] = animal[p]
}
Cat.prototype[p] .name = name || 'Tom'
}
 var cat2 = new Cat();
  console.log('cat2',cat2.name);//cat2 Tom
  console.log(cat2.sleep());//Tom在睡觉
  console.log(cat2 instanceof Animal);//false
  console.log(cat2 instanceof Cat);//true

拷贝继承中，子类的父类不再是父类的实例
5.组合继承，将构造函数和原型链继承结合在一起

function Cat(name){
   Animal.call(this);
   this.name = name || 'tony'
  }
  Cat.prototype = new Animal();
  var cat2 = new Cat();
  console.log('cat2',cat2.name);
  console.log(cat2.sleep());
  console.log(cat2 instanceof Animal);//true
  console.log(cat2 instanceof Cat);//true

即可继承父类的属性和方法也可继承实例的属性和方法，不存在引用属性共享问题
6.寄生组合继承，原型链继承和构造继承相结合

 function Cat(name){
    Animal.call(this);
    this.name = name || 'tony'
  }(function () {
    // 创建一个没有实例方法的类,Super,Super相当于是一个中间桥梁
    var Super = function () {}
    Super.prototype = new Animal();
    Cat.prototype = new Super()
  })()
  var cat2 = new Cat();
  console.log('cat2',cat2.name);
  console.log(cat2.sleep());
  console.log(cat2 instanceof Animal);//true
  console.log(cat2 instanceof Cat);

参考链接：https://www.cnblogs.com/humin/p/4556820.html