JavaScript Class extends sleutelwoord

Definitie en gebruik

extends Sleutelwoorden worden gebruikt om een subklasse (ouderklasse) van een andere klasse te maken.

De subklasse erfde alle methoden van een andere klasse.

Erven is nuttig voor de herbruikbaarheid van code: bij het maken van een nieuwe klasse, herbruik de eigenschappen en methoden van bestaande klassen.

Opmerking:U kunt uit het bovenstaande voorbeeld zien:super() Methoden verwijzen naar de ouderklasse. Door in de constructor aan te roepen super() Methoden, die we zullen aanroepen van de constructor van de ouderklasse, en de eigenschappen en methoden van de ouderklasse kunnen benaderen.

Instantie

Maak een klasse genaamd "Model" die de methoden van de "Car" klasse erfgenaamt:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    return 'Ik heb een ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    return this.present() + ', het is een ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Probeer het zelf

Syntaxis

class childClass extends parentClass

Technische details

JavaScript Versie: ECMAScript 2015 (ES6)

Browserondersteuning

Sleutelwoorden Chrome IE Firefox Safari Opera
extends 49.0 13.0 45.0 9.0 36.0

Gerelateerde pagina's

JavaScript Handleiding:JavaScript class

JavaScript Handleiding:JavaScript ES6 (EcmaScript 2015)

JavaScript reference manual:super keyword

JavaScript reference manual:constructor() method