extends 关键字

本课属于 Coddy JavaScript 学习旅程的“面向对象编程”单元。第 26 课，共 56 课。

JavaScript 中的 extends 关键字用于创建子类，使其继承父类的属性和方法。

我们先创建一个父类：

class Animal {
  constructor(name) {
    this.name = name;
  }
  
  speak() {
    return `${this.name} makes a noise.`;
  }
}

现在，让我们创建一个继承父类的子类：

class Dog extends Animal {
  // Dog 类继承自 Animal
}

这段简单的代码表示，Dog 类现在继承了 Animal 类的所有属性和方法。

创建一个狗对象：

const dog = new Dog('Rex');

调用从父类继承的方法：

console.log(dog.speak()); // 输出：“Rex makes a noise.”

extends 关键字会创建继承关系，子类（Dog）可以访问并使用父类（Animal）中定义的所有功能。

挑战

创建一个使用 extends 关键字继承 Person 类的 Student 类，并将其导出。

亲手试试

import { Student } from './classes.js';

// 测试代码，不要修改
const student = new Student("Emma");
console.log(student.greet());  // 应输出 "Hello, I'm Emma"

自我测试

这节课包含一个小测验。开始学习即可作答，并记录你的进度。

面向对象编程中的所有课

1对象与 this 关键字

4方法与状态管理

7继承与 extends 关键字

10多态

13组合与继承

2组织代码

5封装与访问控制

8整理 OOP 代码

11项目：形状渲染器

14图书馆管理系统

3类与对象

6项目：一个简单的银行账户

9静态方法与属性

12Getter 和 Setter

15最终挑战