JavaScript Class extends -avainsana

Määrittely ja käyttö

extends Avainsanat käytetään toisen luokan (isäluokan) lapsiluokan luomiseen.

Lapsiluokka perii toisen luokan kaikki metodit.

Perintä on hyödyllinen koodin uudelleenkäytettävyydelle: luotaessa uutta luokkaa, käytä olemassa olevan luokan ominaisuuksia ja menetelmiä.

Huomautus:Yllä olevasta esimerkistä voidaan nähdä, ettäsuper() Metodi käyttää isäluokkaa. Konstruktorissa kutsutaan super() Metodit, joita kutsomme, käyttävät isäluokan konstruktoria ja voivat käyttää isäluokan ominaisuuksia ja menetelmiä.

Esimerkki

Luo uusi luokka nimeltä "Model", joka perii "Car"-luokan metodit:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  present() {
    palauta 'Minulla on ' + this.carname;
  }
}
class Model extends Car {
  constructor(brand, mod) {
    super(brand);
    this.model = mod;
  }
  show() {
    palauta this.present() + ', se on ' + this.model;
  }
}
mycar = new Model("Ford", "Mustang");
document.getElementById("demo").innerHTML = mycar.show();

Kokeile itse

Syntaksi

class childClass extends parentClass

Tekninen yksityiskohta

JavaScript versio: ECMAScript 2015 (ES6)

Selaimen tuki

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

Liittyvät sivut

JavaScript oppiminen:JavaScript-luokat

JavaScript oppiminen:JavaScript ES6 (EcmaScript 2015)

JavaScript-käsitteet:super-käsitteet

JavaScript-käsitteet:constructor() -metodi