讲师中心 微信公众号
AI工具推荐 视频效率加速

如何在 JavaScript 中基于已有父类实例创建子类新实例

酷晨姑娘_9105

酷晨姑娘_9105

发布时间:2026-01-20 18:30:46

|

957人浏览过

|

来源于php中文网

原创

如何在 JavaScript 中基于已有父类实例创建子类新实例

本文讲解如何基于已存在的父类实例(如 person)构造继承链中更深层的子类实例(如 dd),关键在于提取原实例属性并传递给子类构造函数,而非直接“升级”对象。

在 JavaScript 面向对象开发中,类之间通过 extends 形成继承链,但实例本身不可“动态升级”为另一个类的实例——jack 是 Person 的实例,不能直接变成 DD 实例。正确做法是:以原实例的属性为输入,显式调用目标子类的构造函数,创建一个全新的、类型正确的实例。

这要求子类构造函数合理设计参数,并通过 super() 正确调用父级构造逻辑。以下是重构后的完整实践:

class Person {
  constructor(name) {
    this.name = name;
  }
}

class Financial extends Person {
  constructor(name, salary) {
    super(name); // ✅ 必须先调用 super() 初始化父类状态
    this.salary = salary;
  }
}

class DD extends Financial {
  constructor(name, salary, amount) {
    super(name, salary); // ✅ 沿继承链逐级初始化
    this.amount = amount;
  }
}

// 已有 Person 实例
const jack = new Person('Jack');

// 基于 jack 的属性创建新的 DD 实例(注意:这是全新对象,非原对象改造)
const jackAccount = new DD(jack.name, 200, 1350);

console.log(jackAccount instanceof DD);      // true
console.log(jackAccount instanceof Financial); // true
console.log(jackAccount instanceof Person);    // true
console.log(jackAccount.name);   // 'Jack'
console.log(jackAccount.salary); // 200
console.log(jackAccount.amount); // 1350

⚠️ 重要注意事项:

Java注释规范Skills
Java注释规范Skills

当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式,或要求按照代码注释规范处理 Java 文件时,使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则,并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括:补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。

下载
  • 不要尝试修改 __proto__ 或使用 Object.setPrototypeOf() 强行切换实例类型:这会破坏原型链一致性,导致 instanceof 失效、方法继承异常,且不符合面向对象设计原则;
  • 子类构造函数必须显式接收所有必要参数(包括父类所需字段),并严格按顺序调用 super(...);
  • 若原始实例属性较多,可封装辅助函数提升可维护性,例如:
    const toDD = (person, salary, amount) => 
      new DD(person.name, salary, amount);
    const jackAccount = toDD(jack, 200, 1350);

总结:JavaScript 中不存在“将 Person 实例转为 DD 实例”的原生机制;真正的解决方案是以数据为中心——提取已有实例的关键属性,作为参数驱动新子类实例的创建。这种方式语义清晰、类型安全,也更契合会计应用中“人员 → 财务信息 → 往来账目”这种分层建模的业务本质。

立即学习“Java免费学习笔记(深入)”;

热门AI工具

更多
Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

相关专题

更多
go语言 面向对象
go语言 面向对象

本专题整合了go语言面向对象相关内容,阅读专题下面的文章了解更多详细内容。

6815

2025.09.05

java面向对象
java面向对象

本专题整合了java面向对象相关内容,阅读专题下面的文章了解更多详细内容。

342

2025.11.27

C++ 面向对象编程与设计模式实践
C++ 面向对象编程与设计模式实践

本专题整合了 C++ 面向对象编程的核心机制,涵盖类的定义与访问控制、构造函数与析构函数、拷贝语义与移动语义、继承与虚函数多态、抽象类与接口、运算符重载、友元函数等关键知识点,同时结合单例模式、工厂模式、观察者模式、策略模式等常用设计模式的 C++ 实现,帮助开发者写出结构清晰、易于维护的面向对象代码。

364

2026.04.09

Java 面向对象与核心编程机制
Java 面向对象与核心编程机制

系统讲解 Java 面向对象编程的核心知识体系,涵盖类的定义与封装、构造方法与 this/super 关键字、继承与方法重写、多态与向上向下转型、抽象类与接口的区别与设计原则、异常处理机制(try-catch-finally / 自定义异常)、泛型的类型参数与通配符、集合框架(List/Set/Map)的使用与遍历方式,帮助开发者全面掌握 Java 程序设计的核心机制与面向对象思维。

223

2026.04.17

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

60

2026.10.22

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

40

2026.10.22

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

40

2026.10.22

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

20

2026.10.22

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

40

2026.10.22

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.3万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn