JavaScript 中类和构造函数的区别

&ACE&2023-12-31 2:33

JavaScript 中的类和构造函数在实现上有一些区别，但它们的目的相同，都是用于创建对象。

构造函数是一种特殊的函数，它用于创建对象。构造函数使用 new 关键字来创建一个对象实例，并将属性和方法添加到该实例上。构造函数一般以大写字母开头，按照惯例，构造函数名称应该是单数形式。例如：

javascript 复制代码

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

Person.prototype.getName = function() {
  return this.name;
};

在这个例子中，Person 是一个构造函数，用于创建一个叫做 Person 的对象。构造函数使用 this 关键字来引用正在创建的对象实例，并使用 . 运算符来将属性和方法添加到该实例上。

而类是 ECMAScript 6 中引入的新语法，它提供了更简洁的语法来定义对象和继承。类使用 class 关键字来定义，通过 constructor 方法来初始化对象的属性。类也可以定义类方法和getter、setter方法。例如：

javascript 复制代码

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

在这个例子中，Person 是一个类，用于创建一个叫做 Person 的对象。类使用 constructor 方法来初始化对象的属性，类方法则直接定义在类的内部。

虽然使用类的语法更加简洁和直观，但实际上类只是构造函数的语法糖。在 JavaScript 引擎内部，类实际上被转换为构造函数来实现。因此，类和构造函数在本质上是相同的，只是语法上的差异。