web前端tips:js继承——寄生式继承
  fMA4uqXLzRbT 2023年11月02日 81 0

输入图片描述

上篇文章给大家分享了 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的属性和方法,并且还可以增加自己的方法。

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

优点

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

缺点

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

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

结语

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

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  f18CFixvrKz8   2024年05月20日   85   0   0 JavaScript
  fxrR9b8fJ5Wh   2024年05月17日   47   0   0 JavaScript
  2xk0JyO908yA   2024年04月28日   37   0   0 JavaScript
fMA4uqXLzRbT