ES6 类与构造函数：如何优雅地创建对象

在ECMAScript 6 (ES6) 中，构造函数是用于创建和初始化对象的特殊函数。构造函数通常用于创建具有相同属性和方法的对象实例。ES6 引入了 class 语法，使得构造函数的定义更加简洁和直观。

1. 使用 class 定义构造函数

ES6 引入了 class 关键字，使得构造函数的定义更加类似于传统的面向对象编程语言（如 Java 或 C++）。

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

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

// 创建对象实例
const person1 = new Person('Alice', 30);
person1.greet(); // 输出: Hello, my name is Alice and I am 30 years old.

在这个例子中，Person 是一个类，constructor 是类的构造函数。当使用 new Person('Alice', 30) 创建对象实例时，constructor 会被调用，并初始化对象的 name 和 age 属性。

2. 使用 extends 继承构造函数

ES6 还引入了 extends 关键字，用于实现类的继承。子类可以继承父类的构造函数、属性和方法。

class Student extends Person {
  constructor(name, age, studentId) {
    super(name, age); // 调用父类的构造函数
    this.studentId = studentId;
  }

  study() {
    console.log(`${this.name} is studying with student ID ${this.studentId}.`);
  }
}

// 创建对象实例
const student1 = new Student('Bob', 20, 'S12345');
student1.greet(); // 输出: Hello, my name is Bob and I am 20 years old.
student1.study(); // 输出: Bob is studying with student ID S12345.

在这个例子中，Student 类继承了 Person 类。super(name, age) 用于调用父类的构造函数，以初始化继承的属性。

3. 传统构造函数的定义

在 ES6 之前，构造函数通常是通过函数来定义的。虽然 ES6 引入了 class 语法，但传统的构造函数定义方式仍然有效。

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

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

// 创建对象实例
const person1 = new Person('Alice', 30);
person1.greet(); // 输出: Hello, my name is Alice and I am 30 years old.

在这个例子中，Person 是一个构造函数，通过 new Person('Alice', 30) 创建对象实例。Person.prototype.greet 用于在原型上定义方法，使得所有实例共享同一个方法。

总结

• ES6 引入了 class 语法，使得构造函数的定义更加简洁和直观。
• 使用 constructor 方法来定义构造函数。
• 使用 extends 关键字实现类的继承。
• 传统的构造函数定义方式仍然有效，但 class 语法更推荐使用。

通过这些方式，ES6 提供了更强大的面向对象编程能力，使得代码更加清晰和易于维护。