js的继承方式

js继承

• 原型链继承
• 构造函数继承
  
• 组合继承
  
• 原型式继承
• 寄生式继承
  
• 寄生组合式继承
  
• 混入方式继承多个对象
  -
• es6的类继承extends
  
• ES5继承和ES6继承的区别

摘自

• ES5的继承实质上是先创建子类的实例对象，然后再将父类的方法添加到this上（Parent.call(this)）.

• ES6的继承有所不同，实质上是先创建父类的实例对象this，然后再用子类的构造函数修改this。因为子类没有自己的this对象，所以必须先调用父类的super()方法，否则新建实例报错

总结一下

• 原型链的继承顺着链找，引用变量会污染，不能给父类传参
• 构造函数的方式，实例和子类构造函数都保存着相同的属性名，可以传参，但是实例只能拿到父类构造函数里的方法，父类原型里的不能用，因为不能沿着原型链去找
• 组合继承，相当于实例的属性用构造函数的方式构建，同时修改子类原型为父类的实例，能够实现自己保存属性，也可以沿着原型链去找，但是调用两次父类构造函数
• 原型式的继承，subtype.__proto__==supertype,可以沿着原型链找，但是会引用类型污染，不能传参
• 寄生继承的方式，就是在原型式上subtype挂上自己的方法，和原型式大差不差
• 寄生组合继承方式，在组合继承的方式上，子类和实例都会调用父类，在寄生组合中，子类和父类中间加上一层空对象propotype,使得
  subtype.prototype==prototype.__proto__==supertype.prototype
subtype==prototype.constructor，使得子类不用调用父类，实例调用就行，减少一次父类调用
• 混入方式继承多个对象，subtype.__proto__==supertype.prototype,其他要继承的属性直接拷贝，但是用Object.assgin()会覆盖
• es6的extends就是寄生组合的封装实现

es5和es6的继承区别

• es5的先创建子类的实例，然后挂到父类上，添加父类属性和方法
• es6的用extends的，子类里面先constructor父类，创建父类的实例对象，然后接着加上子类的属性和方法