web前端tips：js继承——寄生式继承

上篇文章给大家分享了 js继承中的 原型式继承

web 前端 tips：js 继承 —— 原型式继承

今天给大家分享一下 js 继承中的 寄生式继承

寄生式继承

寄生式继承（Parasitic Inheritance）是一种基于原型式的继承方式，它通过创建一个仅用于封装继承过程的函数，该函数在内部调用原型式继承创建一个对象，然后增强该对象，最后返回这个对象。

基本步骤：

1. 创建一个用于封装继承过程的函数，我们称之为"寄生函数"。
2. 在寄生函数内部，通过某种方式创建一个新对象，这个新对象将作为继承对象。
3. 在寄生函数内部，可以为新对象添加需要继承的属性和方法。
4. 最后，返回这个新对象作为继承结果

// 1 寄生式继承函数
function createChild(parent) {
  // 2 通过原型式继承创建一个新对象
  var child = Object.create(parent);
  // 3 增强新对象
  child.sayGoodBye = function() {
    console.log('GoodBye: ' + this.name)
  }
  // 4
  return child
}

var parent = {
  name: "Parent",
  sayHello: function() {
    console.log("Hello, " + this.name + "!");
  }
};

// 使用寄生式继承创建子对象
var child = createChild(parent)
child.name = 'John'

child.sayHello(); // Hello, John!
child.sayGoodBye(); // Goodbye, John

通过这种方式，子对象child可以继承父对象Parent的属性和方法，并且还可以增加自己的方法。

需要注意的是，寄生式继承与原型式继承类似，子对象通过继承来创建，但是可以在创建过程中添加额外的属性和方法。

优点

• 简单易懂：寄生式继承相对于其他继承方式来说，非常简单易懂，不需要理解过多的继承机制和语法。
• 灵活性：寄生式继承允许在继承过程中增加额外的功能，可以在新对象中添加新的属性和方法，或者对已有的属性和方法进行修改和增强，从而满足特定的需求。
• 可复用性：可以基于已有对象创建新对象，并对新对象进行修改，从而实现代码的复用。

缺点

• 对象间关系复杂：同时使用原型式继承和寄生式继承时，对象间的继承关系可能变得复杂难以理解，维护和调试时可能会增加困难。
• 内存消耗较大：寄生式继承在创建新对象时，需要为每个对象都创建一个新的副本，这会占用较多的内存空间，特别是在需要创建大量对象时可能会导致性能问题。
• 对象识别困难：在寄生式继承中，新创建的对象与原型对象之间的关系并不直观，可能会导致一些难以追踪的问题，如对象属性的重复定义或覆盖等。

总的来说，虽然寄生式继承具有一定的灵活性和可用性，但由于上述缺点的存在，它并不是一个被广泛使用的继承方式。在实际开发中，需要权衡其优缺点，根据具体情况选择合适的继承方式。

结语

牵手 持续为你分享各类知识和软件 ，欢迎访问、关注、讨论 并留下你的小心心❤