JavaScript 类是创建对象的一种方式,它提供了更接近传统面向对象编程(OOP)的方式。继承是类的一个重要特性,允许一个类继承另一个类的属性和方法。

类的基本概念

在 JavaScript 中,可以使用 class 关键字来定义一个类。以下是一个简单的类定义示例:

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.`);
  }
}

在上面的例子中,我们定义了一个 Person 类,它有两个属性:nameage,以及一个方法 sayHello

继承

继承允许一个类(子类)继承另一个类(父类)的属性和方法。在 JavaScript 中,可以使用 extends 关键字来实现继承。

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

  showGrade() {
    console.log(`I am in grade ${this.grade}.`);
  }
}

在上面的例子中,我们定义了一个 Student 类,它继承自 Person 类。我们使用 super 关键字来调用父类的构造函数,并初始化父类的属性。

使用继承

现在我们可以创建一个 Student 对象,并调用其方法:

const student = new Student('Alice', 20, '10th');
student.sayHello(); // 输出: Hello, my name is Alice and I am 20 years old.
student.showGrade(); // 输出: I am in grade 10th

总结

JavaScript 类与继承是面向对象编程中的重要概念。通过使用类和继承,我们可以创建更灵活、可重用的代码。

更多关于 JavaScript 类与继承的教程

JavaScript Class Diagram