Từ khóa extends

Từ khóa extends trong JavaScript dùng để tạo lớp con kế thừa các thuộc tính và phương thức từ lớp cha.

Trước tiên, hãy tạo một lớp cha:

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

Bây giờ, hãy tạo một lớp con kế thừa từ lớp cha:

class Dog extends Animal {
  // Lớp Dog kế thừa từ Animal
}

Đoạn code đơn giản này có nghĩa là lớp Dog giờ kế thừa tất cả thuộc tính và phương thức từ lớp Animal.

Tạo một đối tượng dog:

const dog = new Dog('Rex');

Gọi một phương thức được kế thừa từ lớp cha:

console.log(dog.speak()); // Đầu ra: "Rex makes a noise."

Từ khóa extends tạo ra mối quan hệ kế thừa (inheritance), trong đó lớp con (Dog) có thể truy cập và sử dụng mọi chức năng được định nghĩa trong lớp cha (Animal).