javascript 几种继承模式的实现

js中原型链式继承的主要方式， 在很多框架中我们都能看到原型链的应用和实现

一、原型链的基本构想

!要想掌握js中继承的几种实现方法，就必须了解原型链

1. 每个构造函数都有一个原型对象prototype，通过prototype对象我们可以为构造函数的实例动态的添加属性和方法。由于这个特性，我们可以看到在一些框架实现中没有使用class去声明类而是使用构造函数，比如说Vue 2.x， 这是因为构造函数的prototype具有更好的扩展性，这种编程思维是值得我们去学习的
2. 每个peototype对象都有一个constructor属性，指向prototype对象的构造函数，通过constructor属性我们可以判断一个对象的是函数还是数组，还是其他的内置对象，
3. 构造函数的实例对象有一个内置的指针__proto__,这个指针指向构造函数的prototype对象
4. 那么我们现在可以去思考原型链式怎么串起来的了，如果当前的构造函数的Prototype属性是也是另一构造函数的实例，那么它的内置指针__proto__又会指向另一个构造函数的prototype对象,这就形成了一条原型链。

二、原型链的搜索机制

在读取实例对象上的属性时，首先会在实例上搜索这属性，如果没有找到，就会顺着原型链继续想下搜索，一直到原型链的末端null

三、 原型链的问题

原型中如果包含引用值，就会在原型中共享，这是不合理的。
在面试过程是不是经常会遇到一个问题，Vue总的data选项为什么只能是函数，不能使用对象呢？这个问题根本原因就在这了。
Vue根实例中data选项是可以使用对象表示的，这英文，根实例时全局唯一的，不会有其他的实例和根实例公享这个对象了，然而在组件实例并不能保证全局唯一性，如果使用对象作为data选项，会导致多个组件实例公用一个对象，这会造成数据污染。 （可以稍微看看，扯得有点远了）

四、 继承的几种实现方式

1. 原型继承： 将父类构造函数的原型对象拷贝至子类构造函数的原型上

   • 这样做的弊端是子类只能继承原型上的实例属性和实例方法， 不能继承构造函数中的静态属性和方法

       // 父类构造函数
       function Person(name) {
           this.name = name;
       }
       
       // 子类构造函数
       function Man1() {}
   
       // 进行浅拷贝
       Man1.prototyoe = Person.prototype;
       // 进行深拷贝
       for(let key in Person.prototype) {
           Man1.prototype[key] = Person.prototype[key];
       } 
   

2. 原型链继承: 将父类构造函数的实例设置为子类构造函数的原型对象

   • 不方便传参,同样存在着子类只能继承原型上的实例属性和实例方法， 不能继承构造函数中的静态属性和方法

        // 父类构造函数
        function Person(name) {
            this.name = name;
        }
        
        //