JavaScript的6种继承实现

JavaScript的6种继承方式

1. 原型链继承

   • 原型链继承的策略

     • 原型链继承是利用了原型链实现子类的实例可以通过原型链访问到父类的原型上的方法。

   • 原型链继承的缺点

     • 当父类构造函数中存在引用值，如数组时，因为子类的原型是父类的实例，所以子类的实例将会共享原型上的引用值，这使得instance1对于引用值的修改，也会体现到instance2上。

2. 盗用构造函数继承

   • 盗用构造函数的策略
     • 盗用构造函数会在子类的构造函数中调用父类的构造函数。通过使用call()或apply()方法，父类构造函数中的this对象被绑定到子类构造函数的this对象，当在使用new操作符调用子类构造函数时，子类构造函数的this对象将会指向创建的新对象，因此父类的构造函数的this对象也会指向创建的新对象，因此新对象会拥有父类构造函数中定义的属性和方法。
   • 盗用构造函数的缺点
     • 盗用构造函数实际上是构造函数模式创建对象，它不能继承父类构造函数原型中的方法。

3. 组合继承

   • 组合继承的策略
     • 组合继承是结合了原型链继承和盗用构造函数继承，在子类构造函数中通过call()或apply()调用构造函数，并且把子类构造函数的原型重置为父类的实例，这样通过原型链继承了父类构造函数原型中的方法，并且因为每个子类的实例都相当于调用了一遍父类构造函数，所以每个子类实例中都会有父类构造函数中定义的属性，这样就会遮蔽子类的原型中的引用值。
   • 组合继承的优点
     • 组合继承的优点是保留了instanceof操作符和isPrototypeOf()识别合成对象的能力。

4. 原型式继承

   • 原型式继承的策略

     • 原型式继承的策略是即使不自定义类型，也可以通过原型实现多个对象间的信息共享。

       function Object(o)
       {
           function F()
           {}
           F.prototype = o;
           return new F();
       }
       

       原型式继承适用于已经有一个对象的基础上，想在这个对象的基础上创建一个新对象。ES5使用Object.create()函数将原型式继承规范化了。

   • Object.create()

     • Object.create()函数接收2个参数，第一个参数是传入作为新对象原型的对象，第二个参数是给新对象额外定义属性的对象（第二个参数可选）。

       function Person(name)
       {
           this.name = name;
       }
       
       let person1 = new Person("name");
       const instance1 = Object.create(person1,{age : {value : 1,writable: false}})
       instance1.age;
       instance1.name;
       Object.getOwnPropertyDescriptor(instance1,"age");
       

5. 寄生式继承

   • 寄生式继承的策略
     • 寄生式继承类似于原型式继承，只是它使用了一个工厂函数为新对象定义新的方法。
   • 寄生式继承的缺点
     • 它的缺点类似于构造函数模式，函数无法重用。

6. 寄生式组合继承

   • 寄生式组合继承的策略

     • 寄生式组合继承解决了组合继承的效率问题，因为组合继承需要调用2次父类的构造函数，但是使用寄生式组合继承只需要调用一次父类构造函数。

     • 寄生式组合继承是使用寄生式继承的方法来继承父类的原型对象。

       function object(o)
       {
           function F(){}
           F.prototype = o.prototype;
           return new F();
       }
       function inheritPrototype(SubType,SuperType) //通过这个函数减少了一次调用父类构造函数，但是也将子类构造函数的原型重写为了父类构造函数的实例，SubType是子类构造函数，SuperType是父类构造函数。
       {
           let prototype = object(SuperType);
           prototype.constructor = SubType;
           SubType.prototype = prototype;
       }