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

什么是javascript类_如何使用ES6类进行面向对象编程【教程】

轻浩吖_7453

轻浩吖_7453

发布时间:2026-02-02 20:17:06

|

265人浏览过

|

来源于php中文网

原创

ES6 class是构造函数语法糖,受TDZ限制不可提升;constructor中return对象会覆盖实例;继承内置类须调用super;错误提示本质是原型机制问题。

什么是javascript类_如何使用es6类进行面向对象编程【教程】

ES6 的 class 不是新对象模型,只是构造函数的语法糖;直接用它写业务没问题,但想搞懂继承、new 行为或调试原型链时,绕不开背后的函数和 prototype

为什么 class 声明不能被提升?

因为 class 声明会进入「暂时性死区」(TDZ),和 let/const 一样:在声明前访问会抛出 ReferenceError,而不是 undefined

  • Foo() 调用放在 class Foo { ... } 前 → 报错 ReferenceError: Cannot access 'Foo' before initialization
  • function Foo() {} 可以被提升,调用不会报错
  • 如果必须动态加载类,改用 const Foo = class { ... }(类表达式),它可赋值、可传参、不受 TDZ 限制

constructor 里不写 return 就一定返回实例吗?

不一定。显式 return 一个**对象**时,new 表达式会忽略默认实例,直接返回你 return 的那个对象;返回原始值(stringnumbernull 等)则被忽略,仍返回实例。

Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries
Plan Dubai Travel — Flights, Hotels, Burj Khalifa, Desert Safari, Malls & Itineraries

规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...

下载
class A {
  constructor() {
    return { x: 1 }; // new A() 得到的是 { x: 1 },不是 A 的实例
  }
}
console.log(new A() instanceof A); // false
  • 这个行为常被用于实现「单例包装」或「代理构造」,但容易误用导致 instanceof 失效
  • 多数场景下别 return 对象,除非你明确需要覆盖实例创建逻辑

如何正确扩展内置类(比如 ArrayError)?

直接 extends Array 是合法的,但要注意:子类构造函数中必须先调用 super(...args),且不能跳过它去手动 return 数组实例 —— 否则长度、索引等内部状态会异常。

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

class MyArray extends Array {
  constructor(...args) {
    super(...args); // 必须!否则 length 不更新、push 不生效
  }
  first() { return this[0]; }
}
  • extends Error 同理:必须 super(message),否则堆栈信息丢失(err.stack 为空)
  • V8 引擎对内置类子类化有特殊处理,但 Safari 旧版存在兼容问题,生产环境建议加运行时检测
  • 不要试图用 class X extends null 模拟「无原型对象」——这会报错,应改用 Object.create(null)

真正麻烦的不是怎么写 class,而是当遇到 TypeError: Class constructor X cannot be invoked without 'new' 或子类方法拿不到父类私有字段时,得立刻意识到:你在跟 JavaScript 的原型机制和执行上下文较劲,而不是语法本身。

热门AI工具

更多
切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

DeepSeek

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

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

LibLibAI
LibLibAI Hot

一款AI视频创作工具,主要用于国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达,适合需要提升相关任务效率的用户。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

豆包大模型

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

Atoms
Atoms Hot

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

WorkBuddy

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

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

265

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

386

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

335

2025.12.24

string转int
string转int

在编程中,我们经常会遇到需要将字符串(str)转换为整数(int)的情况。这可能是因为我们需要对字符串进行数值计算,或者需要将用户输入的字符串转换为整数进行处理。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

4959

2023.08.02

c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

509

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

1638

2024.03.01

go语言 面向对象
go语言 面向对象

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

4915

2025.09.05

java面向对象
java面向对象

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

282

2025.11.27

AI视频生成软件推荐
AI视频生成软件推荐

本专题汇总了当前主流的AI视频生成软件推荐与排行榜单,涵盖seko、AniShort、剧云、Lovart、LiblibAI及立刻mv等热门工具。同时整理了各软件在文生视频、图生视频、时长限制、画质表现及免费额度等方面的差异对比,助您快速选对适合创作需求的AI视频生成工具。

120

2026.09.16

热门下载

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

精品课程

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

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.5万人学习

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

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