JS原型继承的多种方式以及优缺点

js也是一门面向对象的编程语言.

既然是面向对象，那它一定具备 --> 类、属性、原型这些要素，而类中又有封装、继承、多态这些玩法

封装：就是把类(也叫函数)中的一个功能的代码进行封装，从而实现低耦合高内聚

多态：重写、重载

        重写：子类重写父类上的方法(伴随着继承运行的)

        重载：相同的方法，由于参数或者返回值不同，具备了不同的功能(或调用了不同的方法)，其实js不具备严格意义上的重载 (只能在同一个方法内，根据传参不同实现不同功能) why？

      继承：子类继承父类中的方法

那么继承我们可以有几种方法实现呢？

1.原型继承：

让子类的prototype指向父类的实例(管道式链接)，这样我们就可以拿到了父类中的x属性和getX方法，如图：

我们发现x属性在子类的原型上，而getX方法则在子类原型的原型上，这样目的是达到了，但是有一个重大的缺陷，假如我们要修改x属性或者getX方法呢？

只能通过sonExample.__proto__.x或者sonExample.__proto__.__proto__.getX 这样去修改，显然这大大违背了低耦合高内聚的原则(原型被修改，所有用到这个原型的实例都会受影响，且IE不支持这样做)。那我们再看看其它办法-----

2.call继承

这样我们就能拿到父类中的x变为自己的私有属性了，但是与父类的原型就无关了,故拿不到getX方法，所以call方法继承的缺点在于：只能继承私有方法，不能继承公有方法。

综合以上两种方法，能不能既拿到私有属性，又拿到公有属性(拷贝过来呢)?

3.组合式继承

    利用原型指向+call私有属性继承

        

   这里我们可以看到Son类原来的prototype的__proto__是指向Object的，如果让它指向父类的prototype，岂不实现了公有属性的继承？

  

这样子我们既可以实现私有属性的继承，又可以实现公有的继承，而且修改原型上的属性不会影响父类原本的方法

但是在IE中不支持操作__proto__，怎么办呢？

在这可以利用Object.create(obj) 这个方法 --> 创建一个空对象，让其原型链指向obj

Son.prototype.__proto__ = Father.prototype 就等同于 Son.prototype = Object.create(Father.prototype)

这样相当于重定向了子类原型的指向，会使子类原型上缺失constructor属性，手动加上即可

     

最后用ES6的class方法实现下

           

注意：class创建的是类，不能当作普通函数执行，只能用new执行。

完......