JavaScript类是什么？类与构造函数的关系解析

文章不知道大家是否熟悉？今天我将给大家介绍《JavaScript类是什么？与构造函数有何关系？》，这篇文章主要会讲到等等知识点，如果你在看完本篇文章后，有更好的建议或者发现哪里有问题，希望大家都能积极评论指出，谢谢！希望我们能一起加油进步！

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

JavaScript 中的类（class）本质上是构造函数的语法糖，它不引入新的面向对象机制，而是为原型继承提供了一种更清晰、更接近传统面向对象语言（如 Java、C++）的写法。类的底层依然依赖函数和原型链，与构造函数在运行时行为完全一致。

类就是构造函数的包装

当你定义一个 class，JavaScript 引擎会把它编译成一个常规函数，并自动设置其 prototype 属性。例如：

以下两种写法在功能和执行结果上完全等价：

构造函数写法：

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 只是让原型继承的代码更易读、更少出错，不是新范式。

今天关于《JavaScript类是什么？类与构造函数的关系解析》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！