js为什么不可以相互继承？

客官°小女子只卖身不卖艺 2022-09-30 06:13 101阅读 0赞

学习js的时候我们知道js的继承是通过原型链来模拟继承关系的  
假设  
子类为Child  
父类为Father

这里使用的是基于原型链继承  
继承关系的定义为Child.prototype = new Facher()

来到这里，我就产生了一个疑惑，既然是链的关系，会不会出现子类继承父类，父类继承子类的问题呢？

非常疑惑，写了一段代码进行测试

function Father() { 
        name:'baba'
    }
    
    function Child() { 
        name:'bibi'
    }
    
    Child.prototype = new Father();
    Father.prototype = new Child();//这里的时候已经把father的原型对象给替代了，
    // 与在Child里面的father的原型对象不同，所以不存在相互继承问题
    
    
    console.log(Father.prototype)
    console.log(Child.prototype)

打印结果如下：  
![这里写图片描述][SouthEast]

这里我们是先把父类的原型打印出来，可以看到父类的原型确实已经修改为Child的实例对象了，可是下面的子类的原型却还是修改前的父类实例对象，原型还是Object。

这是怎么回事呢？

原来是这样的：

首先，当我们执行Child.prototype = new Father()的时候，内存里面大概是这样的  
![这里写图片描述][SouthEast 1]

后面，当我们修改父类的原型对象的时候，其实是父类的原型对象被代替，我们回忆 -js高级程序设计- 里面有说过这么一段内容  
![这里写图片描述][SouthEast 2]  
![这里写图片描述][SouthEast 3]

所以啊，当Father的原型被修改了之后，该类的本质已经变化了，Father类的父类被重新定义，已经不是实例化的时候参照的那个类了，所以呀在js里面不可能存在相互继承的问题，这也是js这门语言的魅力把

[SouthEast]: /images/20220708/5dae0f53a7ca46929bf975dd99797e2b.png
[SouthEast 1]: /images/20220708/dd46b6312a6246f88384b892b1c03c7e.png
[SouthEast 2]: /images/20220708/699510013f7c4b8885860c949fe63db1.png
[SouthEast 3]: /images/20220708/e3be2b5592ec40dbab819331bc296022.png