关键词:JS构造函数、JS类的语法糖

这个说法是正确的。

在 JavaScript 中,类实际上是构造函数的语法糖,也就是说,通过类的语法创建的对象和通过构造函数创建的对象是一样的。

例如,下面是一个通过构造函数创建对象的示例:

 1function Person(name, age) {
 2  this.name = name;
 3  this.age = age;
 4}
 5
 6Person.prototype.sayHello = function() {
 7  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
 8};
 9
10const person1 = new Person("Alice", 30);
11person1.sayHello(); // 输出:Hello, my name is Alice and I am 30 years old.

而使用类的语法创建对象的示例代码如下:

 1class Person {
 2  constructor(name, age) {
 3    this.name = name;
 4    this.age = age;
 5  }
 6  
 7  sayHello() {
 8    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
 9  }
10}
11
12const person2 = new Person("Bob", 25);
13person2.sayHello(); // 输出:Hello, my name is Bob and I am 25 years old.

可以看到,使用类的语法创建对象时,实际上是在创建一个与构造函数相同的对象。在类中,类名即为构造函数的名称,类中的构造函数即为类的构造函数,类中的方法即为构造函数的原型方法。

在 JavaScript 中,类实际上是构造函数的语法糖,可以通过以下几个方面来体现:

  1. 类的名称即为构造函数的名称,在类中通过 constructor 方法来初始化对象:
 1class Person {
 2  constructor(name, age) {
 3    this.name = name;
 4    this.age = age;
 5  }
 6
 7  sayHello() {
 8    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
 9  }
10}
11
12const person = new Person("Tom", 20);
13console.log(person instanceof Person); // true

这里定义的 Person 类实际上就是一个构造函数,通过 new 关键字创建的对象也是一个 Person 类型的对象。

  1. 在类中定义的方法即为构造函数的原型方法:
 1class Person {
 2  constructor(name, age) {
 3    this.name = name;
 4    this.age = age;
 5  }
 6
 7  sayHello() {
 8    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
 9  }
10}
11
12const person = new Person("Tom", 20);
13person.sayHello(); // 输出:Hello, my name is Tom and I am 20 years old.

可以看到,在类中定义的 sayHello 方法实际上就是 Person 构造函数的原型方法。

  1. 子类继承父类时,使用 super() 方法调用父类的构造函数:
 1class Animal {
 2  constructor(name) {
 3    this.name = name;
 4  }
 5
 6  speak() {
 7    console.log(this.name + ' makes a noise.');
 8  }
 9}
10
11class Dog extends Animal {
12  constructor(name, breed) {
13    super(name);
14    this.breed = breed;
15  }
16
17  speak() {
18    console.log(this.name + ' barks.');
19  }
20}
21
22const dog = new Dog('Max', 'Labrador');
23dog.speak(); // 输出:Max barks.

这里定义了一个 Animal 类和一个继承自 Animal 类的 Dog 类,Dog 类在构造函数中通过 super() 方法调用了父类 Animal 的构造函数,实现了继承功能。可以看到,这里使用的 super() 方法也体现了类是构造函数的语法糖。

综上所述,JavaScript 中的类实际上是构造函数的语法糖,通过类的语法创建的对象和通过构造函数创建的对象是一样的。

个人笔记记录 2021 ~ 2025