1.2　ES6 class关键字创建类

JavaScript中使用ES6语法创建类是一种常见编程技巧。本节内容将介绍如何使用ES6语法创建类，并通过实例和应用场景来展示其优势。

在ES6中，我们可以使用class关键字来定义一个类，并通过constructor()方法来初始化类的实例。使用class语法，我们可以更加清晰和易于理解地表达一个类的属性和方法。

下面是一个使用ES6语法创建类的示例。

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

const tom = new Person("Tom", 25);
tom.sayHello(); // 输出：Hello, my name is Tom and I am 25 years old.
```

【代码解析】

在上述代码中，我们定义了一个名为Person的类，它有两个属性：name和age。我们使用constructor()方法来初始化这些属性。还定义了一个名为sayHello的方法，用于输出类的实例信息。通过new关键字，我们创建了一个Person类的实例tom，并调用了它的sayHello()方法。

ES6语法还引入了新的继承机制，通过extends关键字可以让一个类继承另一个类的属性和方法。下面是一个继承的示例。

```javascript
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}.`);
   }
}
const jerry = new Student("Jerry", 18, "6th");
jerry.sayHello(); // 输出：Hello, my name is Jerry and I am 18 years old.
jerry.study(); // 输出：Jerry is studying in grade 6th.
```

在上面的示例代码中，我们定义了一个名为Student的类，它继承自Person类。我们在Student类的constructor()方法中使用super关键字调用父类Person的构造函数，以便初始化继承自父类的属性。还定义了一个名为study的方法，用于输出学生的学习信息。通过new关键字，我们创建了一个Student类的实例Jerry，并调用了它的sayHello()和study()方法。

通过使用ES6语法创建类，我们能够更加清晰地组织和表达代码，使代码的可读性和可维护性大大提高。此外，ES6的类继承机制还能够让我们更加灵活地扩展和重用代码。

总结一下，使用ES6语法在JavaScript中创建类是一种常见且强大的编程技巧。ES6语法提供了更加简洁和直观的语法元素，简化了类的定义和使用。通过使用class关键字和extends关键字，我们可以创建出清晰、可读性高、可维护性强的类结构，并能够轻松地扩展和重用代码。 RiLepfQnNGSRDpZzpx2Aa27Zszv6JseRFDZ4xBQrH6gLMOsfD2y43G+tfgXWHyNp