当前位置: 首页
前端开发
寄生组合继承消除父类构造二次调用缺陷

寄生组合继承消除父类构造二次调用缺陷

热心网友 时间:2026-06-26
转载

先明确一个核心痛点:寄生组合继承的诞生,归根结底是为了解决传统组合继承中那个让人头疼的“二次调用”问题。简单说,就是保证父类构造函数只在子类实例化的时候跑一次,而不是在设置原型的时候就提前跑一遍,从而彻底规避掉原型上那些多余的初始化逻辑以及数据共享的坑。

如何利用寄生组合继承模式消除二次调用父类构造的缺陷

寄生组合继承的精髓,恰好就落在这个点上——它让父类构造函数只触发一次,而且是唯一一次:在子类实例化时。

为什么“多跑一次”会是个大问题

传统组合继承中,父类构造函数的调用,变成了一个“重复劳动”:

  • 第一次调用:发生在 Child.prototype = new Parent() 这一步。注意,此时的 this 指向的是一个临时对象,这个对象将成为子类的原型。后果是什么?父类的实例属性,比如 this.colors = ['red'],直接被绑定到了 Child.prototype 上。这意味着所有子类实例,都将共享这同一个 colors 引用。
  • 第二次调用:发生在子类构造函数内部的 Parent.call(this, name)。这次是为每个实例单独初始化,它会覆盖原型上的同名属性。但第一次调用留下的副作用——比如原型上多出一个数组引用——已经无法消除了。

这可不是多跑几行代码那么简单——它背后藏着实打实的隐患:数据污染、计数器不准、重复发起请求……凡是依赖初始化状态的场景,都可能被它带偏。

关键操作:如何干净利落地切断原型上的构造调用

寄生组合继承的思路很直接:不再依赖 new Parent() 来创建原型,而是用更轻量、更干净的方式建立起原型链:

  • 使用 Object.create(Parent.prototype) 创建一个空对象。这个空对象的 [[Prototype]] 会直接指向父类原型,整个过程中父类构造函数一次都不会被执行。
  • 手动将这个新对象的 constructor 属性指回子类。如果不这么做,后续的 instanceof 判断或者 obj.constructor 取值,可能会出现意料之外的结果。
  • 子类构造函数内部,仍然保留 Parent.call(this, ...) 这一行。它的职责是确保每个实例都拥有独立的属性副本。

标准封装写法(可直接复用)

function inherit(Child, Parent) {  const proto = Object.create(Parent.prototype);  proto.constructor = Child;  Child.prototype = proto;}function Parent(name) {  this.name = name;  this.tags = ['js', 'web'];}Parent.prototype.say = function() { console.log(this.name); };function Child(name, age) {  Parent.call(this, name); // ✅ 唯一一次调用  this.age = age;}inherit(Child, Parent); // ❌ 不再 new Parent()Child.prototype.sayAge = function() { console.log(this.age); };

效果验证要点

运行后,可以重点确认以下三点是否达成:

  • 子类实例能正常调用 say()(说明原型链完整)。
  • 修改 child1.tags.push('react') 不会影响 child2.tags(说明原型上没有冗余的实例属性)。
  • child1 instanceof Parentchild1 instanceof Child 都返回 true(说明原型链和 constructor 都正确)。

这套模式并不复杂,但涉及细节多,容易踩坑。理解清楚它的运作方式,后续工作里自然游刃有余。

来源:https://www.php.cn/faq/2684002.html

游乐网为非赢利性网站,所展示的游戏/软件/文章内容均来自于互联网或第三方用户上传分享,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系youleyoucom@outlook.com。

同类文章
更多
如何用HTML制作带评分和评论的产品详情区域

如何用HTML制作带评分和评论的产品详情区域

构建评分评论模块需兼顾语义化与无障碍访问。评分区使用fieldset与单选按钮实现互斥选择,评论列表采用ol的reversed倒序展示。提交时阻止页面刷新,校验失败保留内容,成功则异步更新列表与平均分。平均分保留一位小数,并通过aria-live确保辅助技术感知动态更新,以保障键盘与屏幕阅读器用户体验。

时间:2026-07-05 06:59
Django基于主键动态生成文章详情页URL完整教程

Django基于主键动态生成文章详情页URL完整教程

在Django项目规划文章详情页URL时,很多开发者会纠结:该用可读性强的slug,还是简单可靠的主键(pk)?如果你的网站内容尚未上线,或你希望彻底摆脱维护slug字段的麻烦,那么将URL从slug切换为pk,无疑是一次一劳永逸的明智选择。 这一过程并不复杂,核心在于同步调整路由、视图和模板三部分

时间:2026-07-05 06:58
使用BigInt对原始128位UUID进行二进制解析与逻辑运算

使用BigInt对原始128位UUID进行二进制解析与逻辑运算

在处理全局唯一标识符(UUID)时,我们常常需要深入到其二进制层面进行解析、比较或生成变体。JavaScript 原生的 BigInt 类型,凭借其处理任意精度整数的能力,为直接操作 128 位的 UUID 原始数据提供了可能。不过,这里有个关键前提:BigInt 并不能直接“理解”带连字符的 UU

时间:2026-07-05 06:58
用new操作符四步模拟实现自定义myNew

用new操作符四步模拟实现自定义myNew

要真正掌握 JavaScript 中的 new 操作符,与其死记硬背,不如亲手模拟一遍它的内部实现机制。这个过程能帮助你彻底打通原型、构造函数、this 绑定等核心概念。简单来说,模拟 new 可以拆解为四个清晰的步骤:创建一个继承自构造函数原型的新对象,将构造函数的 this 绑定到这个新对象并执

时间:2026-07-05 06:58
利用闭包构建偏函数简化多参数API调用

利用闭包构建偏函数简化多参数API调用

在Python编程中,我们常常面临需要重复调用某个函数,而每次仅少数参数发生变化的情况。此时,偏函数(Partial Application)便能发挥巨大作用——它允许我们预先固定部分参数,生成一个调用时更简洁的新函数。你可能已经使用过functools partial,但你是否思考过它的底层机制究

时间:2026-07-05 06:58
热门专题
更多
刀塔传奇破解版无限钻石下载大全 刀塔传奇破解版无限钻石下载大全
洛克王国正式正版手游下载安装大全 洛克王国正式正版手游下载安装大全
思美人手游下载专区 思美人手游下载专区
好玩的阿拉德之怒游戏下载合集 好玩的阿拉德之怒游戏下载合集
不思议迷宫手游下载合集 不思议迷宫手游下载合集
百宝袋汉化组游戏最新合集 百宝袋汉化组游戏最新合集
jsk游戏合集30款游戏大全 jsk游戏合集30款游戏大全
宾果消消消原版下载大全 宾果消消消原版下载大全
  • 日榜
  • 周榜
  • 月榜