前端基础知识：原生式/继生式继承

// 定义一个动物类
function Animal(name) {
  // 属性
  this.name = name || 'Animal';
  // 实例方法
  this.sleep = function(){
    console.log(this.name + '正在睡觉！');
  }
}
// 原型方法
Animal.prototype.eat = function(food) {
  console.log(this.name + '正在吃：' + food);
};

原型链继承文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

核心： 将父类的实例作为子类的原型文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

function Dog(age) {
  this.age = age;
}
Dog.protoType = New Animal();
Dog.prototype.name = 'dog';

const dog = new Dog(12);
console.log(dog.name);
console.log(dog.eat('age'));
console.log(dog instanceof Animal); //true 
console.log(dog instanceof Dog); //true

new 创建新实例对象经过了以下几步：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

1. 创建一个新对象
2. 将新对象的_proto_指向构造函数的prototype对象
3. 将构造函数的作用域赋值给新对象 （也就是this指向新对象）
4. 执行构造函数中的代码（为这个新对象添加属性）
5. 返回新的对象

// 1. 创建一个新对象
var Obj = {};
// 2. 将新对象的_proto_指向构造函数的prototype对象
Obj._proto_ =  Animal.prototype();
// 3. 执行构造函数中的代码（为这个新对象添加属性） 
Animal.call(Obj);
// 4. 返回新的对象
return Obj；

重点：让新实例的原型等于父类的实例。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

特点：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

1. 实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性
2. 非常纯粹的继承关系，实例是子类的实例，也是父类的实例
3. 父类新增原型方法/原型属性，子类都能访问到缺点：
4. 新实例无法向父类构造函数传参。
5. 继承单一。
6. 所有新实例都会共享父类实例的属性。（原型上的属性是共享的，一个实例修改了原型属性，另一个实例的原型属性也会被修改！）
7. 要想为子类新增原型上的属性和方法，必须要在new Animal()这样的语句之后执行，不能放到构造器中

构造函数继承文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

核心：使用父类的构造函数来增强子类实例，等于是复制父类的实例属性给子类（没用到原型）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

function Dog(name) {
  Animal.apply(this, 'dog');
  this.name = name;
}

const dog = new Dog();
console.log(dog.name);
console.log(dog.eat('age'));
console.log(dog instanceof Animal); //false 
console.log(dog instanceof Dog); //true

重点：用.call()和.apply()将父类构造函数引入子类函数（在子类函数中做了父类函数的自执行（复制））文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

特点：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

1、只继承了父类构造函数的属性，没有继承父类原型的属性。
2、解决了原型链继承缺点1、2、3。
3、可以实现多继承，继承多个构造函数属性（call多个）。
4、在子实例中可向父实例传参。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

缺点：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

1. 能继承父类构造函数的属性。
2. 无法实现构造函数的复用。（每次用每次都要重新调用）
3. 每个新实例都有父类构造函数的副本，臃肿。
4. 实例并不是父类的实例，只是子类的实例

组合继承（原型链继承和构造函数继承）（常用）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

核心：通过调用父类构造，继承父类的属性并保留传参的优点，然后通过将父类实例作为子类原型，实现函数复用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

function Cat(name){
  Animal.call(this, name);
  this.name = name;
}
Cat.prototype = new Animal();
Cat.prototype.constructor = Cat;

var cat = new Cat();
console.log(cat.name);
console.log(cat.sleep());
console.log(cat instanceof Animal); // true
console.log(cat instanceof Cat); // true

重点：结合了两种模式的优点，传参和复用文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

特点：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

1. 可以继承父类原型上的属性，可以传参，可复用。
2. 每个新实例引入的构造函数属性是私有的。
3. 既是子类的实例，也是父类的实例

缺点：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

调用了两次父类构造函数（耗内存），子类的构造函数会代替原型上的那个父类构造函数。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

原型式继承文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

重点：用一个函数包装一个对象，然后返回这个函数的调用，这个函数就变成了个可以随意增添属性的实例或对象。object.create()就是这个原理。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

特点：类似于复制一个对象，用函数来包装。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

缺点：
1、所有实例都会继承原型上的属性。
2、无法实现复用。（新实例属性都是后面添加的）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

寄生式继承文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

重点：就是给原型式继承外面套了个壳子。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

优点：没有创建自定义类型，因为只是套了个壳子返回对象（这个），这个函数顺理成章就成了创建的新对象。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

缺点：没用到原型，无法复用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

寄生组合式继承（常用）文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

寄生：在函数内返回对象然后调用
组合：
1、函数的原型等于另一个实例。
2、在函数中用apply或者call引入另一个构造函数，可传参文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html

function Cat(name){
  Animal.call(this);
  this.name = name || 'Tom';
}
(function(){
  // 创建一个没有实例方法的类
  var Super = function(){};
  Super.prototype = Animal.prototype;
  //将实例作为子类的原型
  Cat.prototype = new Super();
})();

var cat = new Cat();
Cat.prototype.constructor = Cat; // 需要修复下构造函数
console.log(cat.name);
console.log(cat.sleep());
console.log(cat instanceof Animal); // true
console.log(cat instanceof Cat); //true

重点：修复了组合继承的问题文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/20927.html