ES6 的 class 是基于原型的语法糖,使用 class 关键字声明,constructor 初始化实例,普通方法挂载 prototype,static 方法挂载类本身,不提升,不可直接调用。

ES6 的 class 并不是全新的面向对象机制,而是基于原型(prototype)的语法糖,本质仍是函数和原型链。它让定义类更清晰、更接近传统 OOP 语言,但底层逻辑没变。
如何定义一个 JavaScript 类(ES6 写法)
使用 class 关键字声明类,内部用 constructor 定义构造函数,其他方法直接写在类体中(无需 function 关键字):
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
greet() {
return `Hello, I'm ${this.name}`;
}
static createAdult(name) {
return new Person(name, 18);
}
}
-
constructor是唯一必需的方法,用于初始化实例属性 - 普通方法自动添加到类的
prototype上(如greet) - 静态方法用
static修饰,挂载在类本身上(如Person.createAdult) - 类声明不会被提升(hoisting),必须先定义后使用
ES6 类 vs 传统构造函数写法
ES6 类只是更简洁、更规范的写法,功能上完全可被构造函数+原型模拟出来:
// ES5 风格(等价实现)
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.greet = function() {
return `Hello, I'm ${this.name}`;
};
Person.createAdult = function(name) {
return new Person(name, 18);
};
- 类内部所有方法都是非枚举的(
Object.keys(Person.prototype)不会列出greet),而手动挂原型的方法默认是可枚举的 - 类内部不允许省略方法名后的括号,也不支持属性初始化(如
name = 'default'),这要靠类字段(Class Fields)提案(需额外转译支持) - 类必须用
new调用,直接调用会报错;而构造函数若不加new,可能静默创建全局属性(严格模式下也会报错)
ES6 类的限制与注意事项
它简化了常见场景,但也有明确边界:
立即学习“Java免费学习笔记(深入)”;
- 不支持私有方法或私有字段(ES2022 起支持
#privateField,但需环境支持) - 不能在类体内直接定义变量(只能是方法或 getter/setter)
- 继承必须用
extends+super(),子类构造函数中必须先调用super才能访问this - 类表达式也存在:
const Animal = class { ... };,同样不被提升
继承与 super 的基本用法
ES6 类通过 extends 实现继承,super 用于调用父类构造函数或方法:
class Student extends Person {
constructor(name, age, grade) {
super(name, age); // 必须先调用
this.grade = grade;
}
study() {
return `${this.name} is studying`;
}
greet() {
return super.greet() + ' and I am a student';
}
}
- 子类中不写
constructor,会默认添加constructor(...args) { super(...args); } -
super()只能在子类构造函数中使用;super.method()可在任何实例方法中调用父类方法 - 静态方法也能被继承,
super在静态方法中指向父类本身











