让构造函数从此不再晦涩难懂，JS进阶旅程由此开始

构造函数的本质

在JavaScript中，构造函数不仅仅是一个普通的函数，它通过new 被调用，并会创建一个新的对象。这个新的对象被称之为实例 ，而构造函数本身则被称为类 。

我们可以通过以下步骤来定义一个构造函数：

1. 使用function关键字声明一个函数。
2. 在函数名前面加上new关键字。
3. 在函数体内使用this关键字来引用正在创建的对象。

例如，以下代码定义了一个名为Person 的构造函数：

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

现在，我们可以使用new 关键字来调用这个构造函数，从而创建一个新的Person 实例：

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

调用构造函数时，会发生以下几件事：

1. JavaScript会创建一个新的空对象。
2. 将构造函数的作用域赋给新对象。
3. 执行构造函数中的代码。
4. 将新对象返回给new 关键字。

构造函数的执行过程

当我们调用一个构造函数时，会发生以下几个步骤：

1. JavaScript会创建一个新的空对象。
2. 将构造函数的作用域赋给新对象。
3. 执行构造函数中的代码。
4. 将新对象返回给new 关键字。

在这个过程中，构造函数中的this 关键字始终指向正在创建的对象。这意味着我们可以使用this 关键字来给对象添加属性和方法。

例如，以下代码在Person 构造函数中添加了一个名为greet 的方法：

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

  this.greet = function() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  };
}

现在，我们可以使用new 关键字来调用这个构造函数，并使用greet 方法来向用户打招呼：

const person1 = new Person('John', 30);
person1.greet(); // 输出: Hello, my name is John and I am 30 years old.

总结

构造函数是JavaScript中创建对象的一种 poderoso 而灵活的方式。我们可以使用构造函数来创建具有相同属性和方法的对象。这使得我们能够编写更加复用和可维护的代码。