温故而知新：9.总结js的六大继承方式

1.原型继承

核心：将子类的原型指向父类的实例实现原型继承

原理：改变原型链的指向，让子类继承父类的私有属性和公有属性

 function A(){
    this.a = 100;
  }
  A.prototype.sayHi = function(){
    console.log('hello word!')
  }
  function B(){

  } 
  B.prototype = new A;
  B.prototype.constructor = B;
  let b = new B;
  console.log(b.a) // 100
  b.sayHi() // hello word!

2.冒充对象继承

原理：实例化父类 并对父类进行for in遍历 for in会遍历公有属性和私有属性 原理：拷贝了一份父元素的私有属性和公有属性

function A(){
    this.a = 100;
  }
  A.prototype.sayHi = function(){
    console.log('hello word!')
  }
  function B(){
    // 实例化父类 并对父类进行for in遍历  for in会遍历公有属性和私有属性  原理：拷贝了一份父元素的私有属性和公有属性
    var temp = new A;
    for(let key in temp){
      this[key] = temp[key]
    }
  }
  let b = new B;
  console.log(b.a)   //100
  b.sayHi()  // hello word!

3.借用构造函数继承

原理：将实例替换父类的this

缺点：只能继承父类的私有属性不能继承父类的公有属性

  function A(){
    this.a = 100;
  }
  A.prototype.sayHi = function(){
    console.log('hello word!')
  }
  function B(){
    A.call(this)
  }
  let b = new B;
  console.log(b.a) // 100
  b.sayHi() //Uncaught TypeError: b.sayHi is not a function at <anonymous>:12:5

4.混合模式继承（借用构造函数继承+原型继承）

原理：通过call继承父类的私有属性再通过原型继承继承父类私有属性和公有属性但是私有属性会被继承到原型和私有属性上

  function A(){
    this.a = 100;
  }
  A.prototype.sayHi = function(){
    console.log('hello word!')
  }
  function B(){
    A.call(this)
  }
  B.prototype = new A;
  B.prototype.constructor = B;
  let b = new B;
  console.log(b.a) // 100
  b.sayHi() // hello word!

5.组合寄生继承

原理：通过Object.create()和借用构造函数继承 Object.create() 创建一个对象并将原型指向这个对象（不兼容IE6-8 ）

   function A(){
    this.a = 100;
  }
  A.prototype.sayHi = function(){
    console.log('hello word!')
  }
  function B(){
    A.call(this)
  }
  B.prototype = myCreate(A.prototype)
  B.prototype.constructor = B;
  let b = new B;
  console.log(b.a) // 100
  b.sayHi() // hello word!

  //Object.create兼容写法
  function myCreate(obj){
    function fn(){}
    fn.prototype = obj;
    return new fn;
  }
  

6.class继承(es6)

原理：使用 extends 表明继承自哪个父类，并且在子类构造函数中必须调用 super

  function A(){
    this.a = 100;
  }
  A.prototype.sayHi = function(){
    console.log('hello word!')
  }
  class B extends A {
    constructor(a){
      super(a)
    }
  }

  let b = new B;
  console.log(b.a) // 100
  b.sayHi() // hello word!