现代 JavaScript：理解 ES6 类

Source: Dev.to

什么是构造函数

在实际开发中，你经常需要创建多个结构相同的对象。与其一次又一次地手动写对象，JavaScript 提供了 构造函数，使对象的创建更加简洁且可复用。

说明

function Person() {          // 构造函数（约定使用大写字母开头）
  this.name = ...;           // 对象的属性
  this.age = ...;            // 另一个属性
  // 此时并未创建对象；函数仅定义了对象应如何被构建
}

使用 new 时会发生什么？

1. 步骤 1 — 创建空对象
   

2. 步骤 2 — this 指向该对象
   

3. 步骤 3 — 添加属性
   

4. 步骤 4 — 返回对象
   

完成上述步骤后，返回新创建的对象：

构造函数中 this 的作用

在构造函数内部，关键字 this 指向正在创建的新对象。当你使用 new 调用函数时，JavaScript 会自动：

1. 创建一个空对象。
2. 将构造函数内部的 this 绑定到该对象。
3. 执行构造函数体，将属性添加到 this 上。
4. 返回该对象。

现代替代方案 — ES6 类

ES6 类（在 ECMAScript 2015 中引入）提供了更简洁、更易读的对象创建语法。ES6 之前，开发者只能依赖构造函数；现在，类用更清晰的语义封装了相同的功能。

简单示例