JavaScript的class是带契约的封装,复用原型机制并强制面向对象约定:必须new调用、默认严格模式、不提升、方法不可枚举、继承自动处理原型链与super调用。

JavaScript 的 class 语法确实是基于原型的语法糖,但它不是“仅仅是”糖 —— 它引入了明确的语义约束和行为规范,让面向对象更可预测、更安全。
class 的本质:构造函数 + 原型链的封装
用 class 定义的类,底层仍会生成一个函数,并把方法挂载到该函数的 prototype 上。比如:
(下面两段代码在运行时行为基本一致)
类写法:
立即学习“Java免费学习笔记(深入)”;
class Person {
constructor(name) {
this.name = name;
}
say() {
return `Hi, I'm ${this.name}`;
}
}
等价的传统写法:
function Person(name) {
this.name = name;
}
Person.prototype.say = function() {
return `Hi, I'm ${this.name}`;
};
两者创建的实例都共享 say 方法,instance.__proto__ === Person.prototype 成立,原型链结构完全一致。
它不只是语法糖:有真实的行为差异
虽然底层靠原型,但 class 加入了几条关键限制,让行为更严格:
-
必须用
new调用:直接调用Person()会报TypeError,而普通构造函数不会(除非手动检查) -
类体内部默认启用严格模式:不用显式写
"use strict",且无法禁用 - 类声明不提升(hoisting):必须先定义后使用,不像函数声明会提升
-
方法不可枚举:
Object.keys(Person.prototype)不会返回say,而手动挂载的函数默认是可枚举的 -
静态方法和私有字段有明确定义:如
static create()或#privateField,这些特性在传统写法中需自行模拟,且语义模糊
继承:extends 比 Object.setPrototypeOf 更可靠
用 class Child extends Parent 不仅设置原型链,还自动处理了:
- 子类构造函数中调用
super()是强制的(确保正确初始化this) - 正确设置
Child.prototype.__proto__ === Parent.prototype - 正确设置
Child.__proto__ === Parent(静态继承) - 支持
super.method()在方法中安全调用父类实现
手写继承容易漏掉某一步(比如忘了设静态继承),导致 Child.method() 找不到或 instanceof 失效 —— class 把这些细节收口了。
所以该怎么理解它?
它是一层带契约的封装:既复用原型机制,又通过语法和运行时规则,强制开发者遵守面向对象的基本约定。你可以绕开它用原型写一切,但那样等于放弃语言提供的保障和可读性。
不复杂但容易忽略。











