0

0

javascript中的类与继承是如何实现的【教程】

幻影之瞳

幻影之瞳

发布时间:2026-01-27 09:59:30

|

315人浏览过

|

来源于php中文网

原创

JavaScript的类是基于原型的语法糖,class声明本质是函数加prototype操作,实例属性须在constructor中用this显式初始化,继承必须正确调用super()以维护原型链。

javascript中的类与继承是如何实现的【教程】

JavaScript 的类和继承不是传统面向对象语言那种“编译时确定的类型系统”,而是基于原型(prototype)的语法糖——class 关键字本身不创建新机制,只是让原型链操作更可读、更结构化。

class 声明本质是函数 + prototype 操作

class 声明会被 JavaScript 引擎转为一个具有 constructor 属性的函数,并自动设置其 prototype。你不能在 class 内部用 = 直接给实例赋值成员变量(像 Python 那样),所有实例属性必须在 constructor 中通过 this.xxx = 显式初始化。

  • class Person {} 等价于 function Person() {},且 Person.prototype 自动存在
  • 类方法(如 sayHello())被添加到 Person.prototype 上,不是每个实例都拷贝一份
  • 类中不允许写 var name = 'xxx' 这样的语句;静态属性需用 Person.version = 1static version = 1(ES2022+)

extends 和 super 的调用顺序很关键

子类构造函数中,必须在访问 this 前调用 super()——否则会抛出 ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor。这是因为子类实例的内部槽([[Prototype]])依赖 super() 来正确链接到父类原型。

  • super() 必须出现在 constructor 第一行(或至少在任何 this 访问之前)
  • super.xxx 可用于访问父类原型上的方法,但不能在 super() 调用前使用
  • 如果子类没写 constructor,引擎会自动注入 constructor(...args) { super(...args); }

继承链断裂常见于手动改写 prototype

直接赋值 Child.prototype = Parent.prototypeChild.prototype = new Parent() 是危险操作:前者会让子类修改影响父类,后者可能触发父类构造函数副作用(比如发请求、改全局状态),且无法正确设置 constructor 指针和 __proto__ 链。

动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版
动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包

下载

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

  • 正确做法始终是用 extends,它底层调用 Object.setPrototypeOf(Child.prototype, Parent.prototype)
  • 若必须手写继承(如兼容老环境),应使用 Object.create(Parent.prototype) 并重设 constructor
  • instanceof 判断依赖原型链,手动改错 prototype 会导致 new Child() instanceof Parent === false

真正容易被忽略的是:类字段声明(name = 'x')属于 ES2022 提案,Babel 默认不编译它为可兼容代码;而 static 字段、私有字段(#age)的运行时行为与普通属性完全不同——它们不走 prototype,也不参与 for...in 遍历。别假设“写了 class 就等于 Java 那套”。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
python开发工具
python开发工具

php中文网为大家提供各种python开发工具,好的开发工具,可帮助开发者攻克编程学习中的基础障碍,理解每一行源代码在程序执行时在计算机中的过程。php中文网还为大家带来python相关课程以及相关文章等内容,供大家免费下载使用。

778

2023.06.15

python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

686

2023.07.20

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

769

2023.07.25

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

740

2023.07.31

python教程
python教程

Python已成为一门网红语言,即使是在非编程开发者当中,也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章,大家可以免费体验学习。

1445

2023.08.03

python环境变量的配置
python环境变量的配置

Python是一种流行的编程语言,被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后,我们需要配置环境变量,以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

571

2023.08.04

python eval
python eval

eval函数是Python中一个非常强大的函数,它可以将字符串作为Python代码进行执行,实现动态编程的效果。然而,由于其潜在的安全风险和性能问题,需要谨慎使用。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

581

2023.08.04

scratch和python区别
scratch和python区别

scratch和python的区别:1、scratch是一种专为初学者设计的图形化编程语言,python是一种文本编程语言;2、scratch使用的是基于积木的编程语法,python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容,供大家免费下载体验。

752

2023.08.11

Python 自然语言处理(NLP)基础与实战
Python 自然语言处理(NLP)基础与实战

本专题系统讲解 Python 在自然语言处理(NLP)领域的基础方法与实战应用,涵盖文本预处理(分词、去停用词)、词性标注、命名实体识别、关键词提取、情感分析,以及常用 NLP 库(NLTK、spaCy)的核心用法。通过真实文本案例,帮助学习者掌握 使用 Python 进行文本分析与语言数据处理的完整流程,适用于内容分析、舆情监测与智能文本应用场景。

2

2026.01.27

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.2万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号