关键词: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 中,类实际上是构造函数的语法糖,可以通过以下几个方面来体现:
- 类的名称即为构造函数的名称,在类中通过
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 类型的对象。
- 在类中定义的方法即为构造函数的原型方法:
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 构造函数的原型方法。
- 子类继承父类时,使用
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