ES6 更易于继承的类语法的使用

ES6 引入了 class 语法，从而使得 JavaScript 的面向对象编程更加易于使用和维护。这里是一些使用 ES6 类语法的实用指南：

创建一个类

ES6 class 语法允许你使用 class 关键字来创建一个类，并在类中定义属性和方法。下面是一个简单的类创建示例：

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

在上面的示例中，我们定义了一个名为 Person 的类，并在其中定义了一个 constructor 方法和一个 greeting 方法。constructor 方法是用来创建类实例的方法，它会在新实例创建时自动运行。 greeting 方法是一个类的实例方法，它通过 console.log 来输出一个问候信息。

继承类

ES6 class 语法中，可以使用 extends 关键字轻松地从一个类继承。下面是一个简单的继承示例：

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age);
    this.grade = grade;
  }
  study() {
    console.log(`${this.name} is studying in grade ${this.grade}.`);
  }
}

在上面的示例中，我们定义了一个名为 Student 的类，并继承了 Person 类。我们也定义了一个 constructor 方法，并调用了父类的 constructor 方法，从而继承了 Person 类的所有属性。 在子类中新增加了 grade 属性以及 study 方法。

示例说明

以下是使用上面定义的类的两个示例：

示例一：

创建一个人类对象：

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

在上述代码中，我们创建了一个名为 person1 的新对象，该对象使用 Person 类定义中的 name 和 age 参数来初始化。 我们调用 person1.greeting() 方法来输出问候。

示例二：

创建一个学生类对象：

const student1 = new Student('Peter', 15, 10);
student1.greeting(); //输出：Hello, my name is Peter and I am 15 years old.
student1.study (); //输出：Peter is studying in grade 10.

在上述代码中，我们创建了一个名为 student1 的新对象，该对象使用 Student 类定义中的 name、age 和 grade 参数来初始化。 我们调用 student1.greeting() 方法来输出问候，调用 student1.study() 方法来输出学生在哪个年级学习。