JavaScript Class static sleutelwoord

Definitie en gebruik

static Het sleutelwoord is voor het definiëren van statische methoden voor een klasse.

Statische methoden roepen direct op de klasse aan (in het voorbeeld Car) aanroepen zonder een instantie van de klasse/object te maken (mycar)

Instantie

Voorbeeld 1

Maak een statische methode en roep het op op de klasse:

class Car {
  constructor(brand) {
    this.carname = brand;
  }
  static hello() {  // statische methode
    return "Hello!!";
  }
}
mycar = new Car("Ford");
//Roep 'hello()' aan op de klasse Car:
document.getElementById("demo").innerHTML = Car.hello();
//Bel niet op het 'mycar'-object:
//document.getElementById("demo").innerHTML = mycar.hello();
//zal een fout veroorzaken

Probeer het zelf

Voorbeeld 2

Als je het mycar-object wilt gebruiken binnen een statische methode, kun je het als parameter sturen:

Stuur "mycar" als parameter:
class Car {
  constructor(brand) {
    this.carname = brand;
  }
  static hello(x) {
    return "Hello " + x.carname;
  }
}
mycar = new Car("Ford");
document.getElementById("demo").innerHTML = Car.hello(mycar);

Probeer het zelf

Syntax

static methodName()

Technische details

JavaScript Versie: ECMAScript 2015 (ES6)

Browserondersteuning

Sleutelwoord Chrome IE Firefox Safari Opera
static 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:constructor() Method