ES6基础语法之class类介绍

下面是“ES6基础语法之class类介绍”的完整攻略。

1. class 类的基本用法

在 ES6 中，我们可以使用 class 关键字来定义一个类，类名应该采用帕斯卡命名法，即首字母大写，其余单词首字母也大写。

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

  sayHello() {
    console.log(`Hello, my name is ${this.name}, I'm ${this.age} years old.`);
  }
}

上述代码定义了一个名为 Person 的类，有一个构造函数，两个属性 name 和 age，以及一个方法 sayHello()。使用时，只需要使用 new 关键字调用该类即可。例如：

const p1 = new Person('Bob', 22);
p1.sayHello(); // Hello, my name is Bob, I'm 22 years old.

2. 类的继承

类的继承可以让一个类从另一个类中继承属性和方法。通过 extends 关键字实现类的继承，并且在子类的构造函数中调用父类的构造函数，使用 super() 来实现。

class Student extends Person {
  constructor(name, age, gender) {
    super(name, age);
    this.gender = gender;
  }

  study() {
    console.log(`${this.name} is studying.`);
  }
}

上述代码定义了一个名为 Student 的子类，继承自 Person 父类，并且添加了一个属性 gender 和一个方法 study()。使用时同样可以使用 new 来调用。

const s1 = new Student('Amy', 18, 'female');
s1.sayHello(); // Hello, my name is Amy, I'm 18 years old.
s1.study(); // Amy is studying.

总结

类是 ES6 中新增的一项特性，使用起来更加简洁和易懂。它可以让我们更好的组织代码，并且在继承时更加方便。在实际应用中，我们也可以通过类来实现一些功能模块和业务逻辑的封装，提高代码的可读性、可维护性和可拓展性。