JavaScript Class extends kluczowe słowo

Definicja i użycie

extends Słowa kluczowe służą do tworzenia podklasy (klasy nadrzędnej).

Podklasa dziedziczy wszystkie metody innej klasy.

Dziedziczenie jest bardzo przydatne dla powtarzalności kodu: tworząc nową klasę, można powtarzać istniejące właściwości i metody.

Komentarz:Z powyższego przykładu można zobaczyć:super(); Metoda odnosi się do klasy nadrzędnej. Wywołanie w metodzie konstruktora: super(); Metody, które wywołamy, będą nawiązywać do metody konstruktora klasy nadrzędnej oraz będą miały dostęp do jej właściwości i metod.

Instancja

Stwórz klasę o nazwie "Model", która dziedziczy metody z klasy "Car":

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'Mam ' + this.carname + ' car';
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', to jest ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Spróbuj sam

Gramatyka

class childClass extends parentClass

Szczegóły techniczne

Wersja JavaScript: ECMAScript 2015 (ES6)

Obsługa przeglądarek

Słowa kluczowe Chrome IE Firefox Safari Opera
extends 49.0 13.0 45.0 9.0 36.0

Powiązane strony

JavaScript Podręcznik:Klasa w JavaScript

JavaScript Podręcznik:JavaScript ES6 (EcmaScript 2015)

Podręcznik referencyjny JavaScript:Kluczowe słówko super

Podręcznik referencyjny JavaScript:Metoda constructor()