0

0

javascript类是什么_如何使用ES6的class语法

幻影之瞳

幻影之瞳

发布时间:2026-01-13 20:00:11

|

621人浏览过

|

来源于php中文网

原创

javascript类是函数的语法糖,底层基于prototype,不可提升,constructor必须且唯一,继承需首行调用super(),静态方法挂载类本身,私有字段#name真正不可访问。

javascript类是什么_如何使用es6的class语法

JavaScript 类不是真正的“类”,而是函数的语法糖

ES6 的 class 关键字没有引入新的面向对象机制,它只是对已有原型继承模式的封装写法。底层仍是基于 functionprototype,所以你不能用 typeof MyClass 得到 "class"(结果仍是 "function")。

这意味着:如果你在调试时看到某个实例的 constructor 指向一个 class 声明,那其实它指向的是一个函数;class 本身不可被提升(会报 ReferenceError),而函数声明可以。

如何正确定义和实例化一个 class

基本结构必须包含 constructor 方法(否则会自动生成空构造器),且只能有一个;类体中不允许使用逗号或分号分隔成员,方法之间不加任何符号。

Android的资源与国际化设置 中文WORD版
Android的资源与国际化设置 中文WORD版

本文档主要讲述的是Android的资源与国际化设置;资源是外部文件(不含代码的文件),它被代码使用并在编译时编入应用程序。Android支持不同类型的资源文件,包括XML,PNG以及JPEG文件XML文件根据描述的不同有不同格式。这份文档描述可以支持什么样的文件,语法,以及各种格式。希望本文档会给有需要的朋友带来帮助;感兴趣的朋友可以过来看看

下载
  • constructor 是唯一能用 return 影响实例返回值的地方(返回对象则替代默认实例)
  • 所有方法默认不可枚举(Object.keys() 不会列出它们)
  • 类声明会自动启用严格模式,即使没写 "use strict"
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  greet() {
    return `Hello, I'm ${this.name}`;
  }
}

const alice = new Person('Alice', 30);
console.log(alice.greet()); // "Hello, I'm Alice"

继承时 super() 必须被调用,且只能在 constructor 中用

子类的 constructor 中若定义了它,就必须第一行调用 super(),否则报 ReferenceError: Must call super constructor in derived class before accessing 'this'。这是硬性限制,不是可选建议。

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

  • super() 调用父类 constructor,并绑定 this
  • super.xxx 可以访问父类的静态属性、原型方法,但不能在 constructor 外部直接用 super() 调用构造器
  • 如果子类没写 constructor,JS 会自动插入 constructor(...args) { super(...args); }
class Employee extends Person {
  constructor(name, age, id) {
    super(name, age); // 必须!
    this.id = id;
  }
  work() {
    return `${this.name} is working`;
  }
}

静态方法、getter/setter 和私有字段的实际行为

这些特性看起来像“高级语法”,但各自有明确的运行时含义和限制:

  • static 方法挂载在类本身上,不被实例继承;它内部的 this 指向类(如 Employee),不是实例
  • get/set 定义在原型上,每次访问都触发函数调用,不是缓存值;注意不要在 getter 中递归读取自身(如 get name() { return this.name; }
  • 私有字段(#name)是真正私有的:外部无法访问、无法检测、无法遍历;但需注意 Babel 或旧环境不支持,得靠编译或 WeakMap 模拟
class Counter {
  #count = 0;
  static defaultStep = 1;

  get value() {
    return this.#count;
  }
  increment(step = Counter.defaultStep) {
    this.#count += step;
  }
}
类的复杂点不在语法,而在它把原本松散的原型操作收束成一套看似“标准”的规则——一旦你试图绕过 super()、混用私有字段与 Object.assign()、或在装饰器里误判 this 绑定,问题就会立刻暴露。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
es6新特性
es6新特性

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

106

2023.07.17

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

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

196

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

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

231

2025.12.24

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

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

57

2025.09.05

java面向对象
java面向对象

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

62

2025.11.27

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

747

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

23

2025.12.06

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

528

2023.06.20

Golang 测试体系与代码质量保障:工程级可靠性建设
Golang 测试体系与代码质量保障:工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链(如go test)、单元测试、集成测试及端到端测试实践,结合代码覆盖率分析、静态代码扫描(如go vet)和动态分析工具,建立全链路质量监控机制。通过自动化测试框架、持续集成(CI)流水线配置及代码审查规范,实现测试用例管理、缺陷追踪与质量门禁控制,确保代码健壮性与可维护性,为高可靠性工程系统提供质量保障。

24

2026.02.28

热门下载

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

精品课程

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

共58课时 | 5.6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.2万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

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

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