JavaScript中的类是构造函数的语法糖,底层仍基于原型链;constructor即构造函数本体,方法默认定义在prototype上且不可枚举,extends和super本质仍是原型继承。

JavaScript 中的类(class)本质上是构造函数的语法糖,它不引入新的面向对象机制,而是为原型继承提供了一种更清晰、更接近传统面向对象语言(如 Java、C++)的写法。类的底层依然依赖函数和原型链,与构造函数在运行时行为完全一致。
类就是构造函数的包装
当你定义一个 class,JavaScript 引擎会把它编译成一个常规函数,并自动设置其 prototype 属性。例如:
以下两种写法在功能和执行结果上完全等价:
构造函数写法:
立即学习“Java免费学习笔记(深入)”;
function Person(name) {
this.name = name;
}
Person.prototype.sayHello = function() {
return `Hello, I'm ${this.name}`;
};
类写法:
class Person {
constructor(name) {
this.name = name;
}
sayHello() {
return `Hello, I'm ${this.name}`;
}
}
两者创建的实例、原型方法、instanceof 判断、甚至 typeof Person 都返回 "function"。
constructor 方法就是构造函数本体
类中必须有一个 constructor 方法(若省略,引擎会自动插入空的构造函数)。它会在 new 实例化时被调用,作用和传统构造函数一模一样:
- 初始化实例属性(如
this.name) - 可接受参数并进行校验或处理
- 必须显式调用
super()(如果继承自父类)
注意:constructor 不是“类的构造器”,它只是类定义中用于初始化的特殊方法;真正的构造行为仍由 new 操作符触发,背后仍是函数调用 + 原型绑定。
类的方法默认不可枚举,且不挂载到实例上
类中定义的普通方法(如 sayHello())会自动添加到类的 prototype 上,且 enumerable 为 false —— 这和手动给 Function.prototype 添加方法效果一致,但比手写 Object.defineProperty 更简洁。
对比之下,如果在构造函数里直接写 this.sayHello = function(){...},方法会作为实例属性存在,浪费内存且无法被所有实例共享。
继承关系也基于原型链
extends 和 super 并没有改变 JavaScript 的继承本质:
-
class B extends A等价于B.prototype.__proto__ = A.prototype(现代环境用Object.setPrototypeOf实现) -
super()在子类constructor中调用父类构造函数,相当于A.call(this, ...args) - 静态方法(
static)则直接挂在类函数本身上,即B.method === B.prototype.constructor.method
所以,class 只是让原型继承的代码更易读、更少出错,不是新范式。











