0

0

什么是类_javascript如何实现面向对象编程【教程】

紅蓮之龍

紅蓮之龍

发布时间:2026-01-24 13:42:08

|

765人浏览过

|

来源于php中文网

原创

JavaScript的class是原型机制的语法糖,本质仍基于prototype;它不可提升、方法不可枚举,继承需super()初始化this并确保__proto__链正确,new操作符遵循四步流程,误用会破坏原型链。

什么是类_javascript如何实现面向对象编程【教程】

JavaScript 里没有传统意义上的“类”(class),class 关键字只是语法糖,底层仍是基于原型(prototype)的面向对象机制。直接用 class 写代码没问题,但一旦遇到继承链异常、this 绑定丢失、子类调用父类方法失败等问题,不理解原型本质就很难定位。

class 是什么?它和 function 构造函数有什么区别?

class 是 ES6 引入的声明方式,看起来像 Java/C++ 的类,但行为完全由原型系统支撑。它不能被提升(hoisting),且内部方法默认不可枚举;而传统构造函数是普通函数,可被提升,prototype 上挂的方法默认可枚举。

  • class Person 声明后,Person.prototype.constructor === Person 仍成立,说明它只是构造函数的包装
  • class 中定义的方法会自动设为 non-enumerable,而 function Person() {} Person.prototype.say = function() {} 挂的方法默认是可枚举的
  • 箭头函数不能用作 class 方法(会报错),但可以写在 class 内部作为实例属性:say = () => {}(需实验性语法支持)

如何正确实现继承?为什么 extends + super 容易出错?

extends 声明子类时,必须在 constructor 中第一行调用 super(),否则访问 this 会抛出 ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor

  • super() 不仅初始化父类 this,还确保 __proto__ 链正确:子类实例 → 子类原型 → 父类原型 → Object.prototype
  • 若父类构造函数接受参数,super(name, age) 必须传参,漏传可能导致父类属性未初始化
  • 静态方法不会被继承到实例上,但可通过 SubClass.superStaticMethod() 调用;想让子类实例访问,得显式绑定或重写

new 实例化时发生了什么?为什么有时 new 后返回的不是预期对象?

执行 new Person() 时,JS 引擎实际做了四件事:创建空对象 → 将其 __proto__ 指向 Person.prototype → 以该对象为 this 执行构造函数 → 若构造函数返回对象,则返回该对象,否则返回新创建的对象。

Flash ActionScript3 高级教程 pdf版
Flash ActionScript3 高级教程 pdf版

Flash ActionScript3 高级教程 pdf,书籍部分目录:      第一章 高级   碰撞检测   不规则图形的检测碰撞   BitmapData.hitTest用于非位图   大量对象的碰撞检测   实现基于网格的碰撞检测   编写网格代码   测试并调整网格   使用此类   检测不只是为了碰撞      第二章 转向   行为   2D向量(Vector2D)类   机车(Vehicle)类   转向机车(SteeredVehicle)类   寻找行为   避开行为   到达行为  

下载

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

  • 如果构造函数 return { name: 'xxx' },那 new Person() 结果就是这个字面量对象,**忽略原型链**
  • 如果 return 123return undefined,则忽略返回值,正常返回实例
  • 箭头函数不能用 new 调用,会立即报错 TypeError: xxx is not a constructor

什么时候该用 class?什么时候该避开?

当需要清晰表达层级关系、复用初始化逻辑、配合 instanceof 类型判断,或对接 TypeScript/React class 组件时,class 是合理选择。但它掩盖了原型细节,调试时容易误判对象来源。

  • 工具函数集合(如 MathUtils)没必要封装成 class,导出普通对象更轻量
  • 需要动态修改原型方法或手动控制 __proto__ 时,直接操作 Constructor.prototype 更可控
  • 在严格模式下,class 内部的 this 不再自动绑定,事件回调中仍需 .bind(this) 或使用箭头函数属性

真正卡住人的,往往不是 class 怎么写,而是错误地把 JS 的原型继承当成“模拟 Java 类”,结果在 for...in 遍历时发现多了不该有的方法,或在 Object.assign({}, instance) 后丢失行为——这些都不是 class 的问题,是没意识到它背后那个沉默的 prototype。

相关专题

更多
java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

845

2023.06.15

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

743

2023.07.05

java自学难吗
java自学难吗

Java自学并不难。Java语言相对于其他一些编程语言而言,有着较为简洁和易读的语法,本专题为大家提供java自学难吗相关的文章,大家可以免费体验。

740

2023.07.31

java配置jdk环境变量
java配置jdk环境变量

Java是一种广泛使用的高级编程语言,用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码,需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

397

2023.08.01

java保留两位小数
java保留两位小数

Java是一种广泛应用于编程领域的高级编程语言。在Java中,保留两位小数是指在进行数值计算或输出时,限制小数部分只有两位有效数字,并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

400

2023.08.02

java基本数据类型
java基本数据类型

java基本数据类型有:1、byte;2、short;3、int;4、long;5、float;6、double;7、char;8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容,供大家免费下载体验。

447

2023.08.02

java有什么用
java有什么用

java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容,供大家免费下载体验。

431

2023.08.02

java在线网站
java在线网站

Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来,随着Java语言在软件开发领域的广泛应用,越来越多的人对Java编程感兴趣,并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章,欢迎大家前来学习阅读和下载。

16946

2023.08.03

c++ 根号
c++ 根号

本专题整合了c++根号相关教程,阅读专题下面的文章了解更多详细内容。

24

2026.01.23

热门下载

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

精品课程

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

共58课时 | 4.1万人学习

国外Web开发全栈课程全集
国外Web开发全栈课程全集

共12课时 | 1.0万人学习

React核心原理新老生命周期精讲
React核心原理新老生命周期精讲

共12课时 | 1万人学习

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

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