JavaScript中的类是构造函数的语法糖,本质仍基于原型继承,仅提供更清晰的面向对象写法;它支持constructor、实例方法、静态方法、extends继承,但具有提升限制、严格模式、不可枚举等特性。

JavaScript 中的 类(class)本质上是构造函数的语法糖,它没有引入新的面向对象机制,只是让基于原型的继承写法更清晰、更接近传统语言(如 Java、C++)的风格。
类的定义方式
使用 class 关键字定义一个类,基本结构包括类名、constructor 方法(可选)、以及其它实例方法或静态方法:
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
sayHello() {
console.log(`Hello, I'm ${this.name}`);
}
static createAnonymous() {
return new Person('Anonymous', 0);
}
}
注意:constructor 是唯一在用 new 创建实例时自动调用的方法;若不显式声明,会默认添加一个空的 constructor() {}。
类与构造函数的等价关系
上面的 class Person 在底层几乎等同于以下构造函数写法:
立即学习“Java免费学习笔记(深入)”;
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.sayHello = function() {
console.log(`Hello, I'm ${this.name}`);
};
Person.createAnonymous = function() {
return new Person('Anonymous', 0);
};
- 类声明会提升(hoisting),但不像函数声明那样“完全提升”——它会被提升但未初始化,访问会报
ReferenceError(即存在暂时性死区) - 类内部方法默认不可枚举(
enumerable: false),而手动挂到prototype上的方法默认是可枚举的 - 类必须用
new调用,直接调用会报TypeError;普通构造函数则不会强制限制(尽管语义上也该用new)
继承关系中的体现
类通过 extends 实现继承,底层仍基于 Object.setPrototypeOf() 和 super() 调用父构造函数:
class Student extends Person {
constructor(name, age, grade) {
super(name, age); // 相当于 Person.call(this, name, age)
this.grade = grade;
}
}
这和老式写法中手动设置原型链(Student.prototype = Object.create(Person.prototype))和借用构造函数(Person.call(this, ...))目标一致,只是封装得更安全、更简洁。
关键区别小结
- 类不能被重复声明(会报
SyntaxError),函数声明可以(后声明覆盖前声明) - 类内部所有代码运行在严格模式下,无需手动加
"use strict" - 类的
constructor、原型方法、静态方法都不可枚举,且不能被删除(delete Person.prototype.sayHello返回false) - 箭头函数不能作为类方法(因为不绑定
this),但可作为实例属性(ES2022+ 支持公有字段)
基本上就这些。类没改变 JavaScript 的原型本质,只是让构造函数 + 原型链这套机制写起来更直观、更少出错。











