类与继承

ES6引入了类和继承的概念，让JavaScript的面向对象编程更加清晰和易用。在ES6以前，JavaScript并没有类的概念，而是通过构造函数和原型链来实现面向对象编程。下面是一个详细的ES6类与继承的教程：

定义类

在ES6中，可以使用class关键字来定义一个类：

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

上面的代码定义了一个Animal类，其中包含一个构造函数constructor和一个方法speak。

创建实例

通过使用new关键字可以创建一个类的实例：

const cat = new Animal('Cat');
cat.speak(); // 输出：Cat makes a noise.

继承

ES6中的类支持继承，可以通过extends关键字实现：

class Dog extends Animal {
  speak() {
    console.log(`${this.name} barks.`);
  }
}

上面的代码定义了一个Dog类，继承自Animal类，并重写了Animal类中的speak方法。

super关键字

在子类的构造函数中，要调用父类的构造函数，可以使用super关键字：

class Dog extends Animal {
  constructor(name) {
    super(name);
  }

  speak() {
    console.log(`${this.name} barks.`);
  }
}

静态方法

ES6的类中还支持静态方法，可以通过static关键字来定义：

class Animal {
  static info() {
    console.log('This is an animal class.');
  }
}

调用静态方法：

Animal.info(); // 输出：This is an animal class.

总结

以上就是ES6类与继承的基础教程，希望对你有所帮助。类与继承让JavaScript的面向对象编程更加清晰和灵活，同时也提高了代码的可读性和可维护性。如果想深入学习ES6类与继承，建议查阅更多相关资料。