pass: 如果你的原型链理解还欠缺火候，这里不建议强行学习继承。 —by melodyWxy

es6 的 extends

我们由es6的extends表现去解读继承的含义

  1. class Parent {
  2.   a = 'a';
  3.   b(){
  4.     console.log('b')
  5.   }
  6.     c = ()=> {
  7.       console.log('c')
  8.   }
  9.   static d = 'd'
  11. }
  13. class Child extends Parent{
  14.   e = 'e';
  15.   f(){
  16.     console.log('f')
  17.   } 
  18.     g = ()=> {
  19.       console.log(g)
  20.   }
  21. }
  22. console.log(new Parent());
  23. console.dir(Child)
  24. console.log(new Child());

Bable 一下 extends

  1. "use strict";
  3. function _inheritsLoose(subClass, superClass) { 
  4.   subClass.prototype = Object.create(superClass.prototype); 
  5.   subClass.prototype.constructor = subClass; 
  6.   subClass.__proto__ = superClass; 
  7. }
  9. var Parent = function Parent() {};
  11. var Child = /*#__PURE__*/function (_Paren) {
  12.   _inheritsLoose(Child, _Paren);
  14.   function Child() {
  15.     return _Paren.apply(this, arguments) || this;
  16.   }
  18.   return Child;
  19. }(Paren);

封装一个继承

  1. function myExtends(ChildClass,ParentClass){
  2.   // 有缺陷的。
  3.     ChildClass.prototype = Object.create(ParentClass.prototype); 
  4.   ChildClass.prototype.constructor = ChildClass; 
  5.   ChildClass.__proto__ = ParentClass; 
  7. }

原生继承方式优劣

https://www.cnblogs.com/ranyonsue/p/11201730.html