JavaScript-luokan super-avainsana

Määritelmä ja käyttö

super avainsanaa viittaamaan isään.

Se käytetään kutsuakseen isän luokan rakentajaa ja käyttääkseen isän ominaisuuksia ja menetelmiä.

Vinkki:Haluatko paremmin ymmärtää perintäkonseptin (iso- ja lapsiluokka), lue JavaScript-luokkaoppiminen

esimerkki

Luo luokka nimeltä "Model", joka käyttää extends avainsanaa "Car"-luokan metodit perintää varten.

konstruktorissa kutsuen super() Metodit, joita kutsomme, kutsuvat isän luokan rakentajan ja voimme käyttää isän ominaisuuksia ja menetelmiä:

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

Kokeile itse

Syntaksi

super(arguments);  // Kutsuu isän rakentajan (vain rakentajametodissa)
super.parentMethod(arguments);  // Kutsuu isän metodin

Tekninen yksityiskohta

JavaScript versio: ECMAScript 2015 (ES6)

Selaimen tuki

Avainsana Chrome IE Firefox Safari Opera
super 42.0 13.0 45.0 9.0 36.0

Aiheeseen liittyvät sivut

JavaScript oppiminen:JavaScript-luokka

JavaScript oppiminen:JavaScript ES6 (EcmaScript 2015)

JavaScript-käyttöoppaastoa:extends avainsana

JavaScript-käyttöoppaastoa:constructor() -metodi