前端面试题：JS里的类就是构造函数的语法糖，这个说法是否正确？

大叔爱吃猕猴桃

这个说法是正确的。

在 JavaScript 中，class 语法实际上是构造函数的语法糖，提供了一个更清晰和直观的方式来定义和创建对象和继承。下面是详细解释：

构造函数与类的关系

构造函数

构造函数是一种传统的创建对象的方式，通过 function 关键字定义，并且使用 new 关键字来实例化对象。

示例：

  function Person(name, age) {
      this.name = name;
      this.age = age;
  }

  Person.prototype.greet = function() {
      console.log('Hello!');
  };

  const john = new Person('John', 30);

特点：
- 使用 function 定义，this 关键字用于设置实例属性。
- 方法需要在构造函数的原型上定义。
- 需要手动设置原型链上的方法。

类（Class）

ES6 引入的 class 语法提供了一种更清晰、更现代的方式来定义构造函数和对象的方法。类的语法是构造函数的语法糖，但它简化了代码并提供了更直观的面向对象编程方式。

示例：

  class Person {
      constructor(name, age) {
          this.name = name;
          this.age = age;
      }

      greet() {
          console.log('Hello!');
      }
  }

  const john = new Person('John', 30);

特点：
- class 语法提供了更简洁的构造函数和方法定义方式。
- 方法定义在类的主体中，而不是在原型上。
- 默认使用 strict mode。
- 允许使用 static 关键字定义静态方法，这些方法不依赖于实例。

语法糖的具体实现

构造函数：

  function Person(name, age) {
      this.name = name;
      this.age = age;
  }

  Person.prototype.greet = function() {
      console.log('Hello!');
  };

类：

  class Person {
      constructor(name, age) {
          this.name = name;
          this.age = age;
      }

      greet() {
          console.log('Hello!');
      }
  }

实际上，类的语法在内部会被转换成类似于构造函数和原型链的方法：

类的构造函数：

  Person.prototype.constructor = Person;

类的方法：

  Person.prototype.greet = function() {
      console.log('Hello!');
  };