JavaScript类定义及与构造函数的关系

怎么入门文章编程？需要学习哪些知识点？这是新手们刚接触编程时常见的问题；下面golang学习网就来给大家整理分享一些知识点，希望能够给初学者一些帮助。本篇文章就来介绍《JavaScript 类如何定义？它与构造函数有什么关系？》，涉及到，有需要的可以收藏一下

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 在底层几乎等同于以下构造函数写法：

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 的原型本质，只是让构造函数 + 原型链这套机制写起来更直观、更少出错。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~