Statische Methoden

Try it

Das static Schüsselwort definiert statische Methoden für eine Klasse.

Syntax

static methodenName() { ... }

Beschreibung

Statische Methoden werden ohne Instanzierung einer Klasse aufgerufen und sind über eine erzeugte Instanz nicht aufrufbar. Oft werden in statische Methoden für Hilfsfunktionen verwendet.

Aufruf von statischen Methoden

Von einer anderen statischen Methode

Um eine statische Methode aus einer anderen statischen Methode der gleichen Klasse aufzurufen, kann das this Schlüsselwort verwendet werden.

class StaticMethodCall {
    static staticMethod() {
        return 'Static method has been called';
    }
    static anotherStaticMethod() {
        return this.staticMethod() + ' from another static method';
    }
}
StaticMethodCall.staticMethod();
// 'Static method has been called'

StaticMethodCall.anotherStaticMethod();
// 'Static method has been called from another static method'

Für Klassenkonstruktoren und anderen Methoden

Statische Methoden sind mit dem this Schlüsselwort nicht direkt erreichbar von nicht statischen Methoden. Man kann sie mit dem Klassennamen aufrufen: KLASSENNAME.STATISCH_METHODE_NAME oder mit der Aufrufen einer Eigenschaft von constructor: this.constructor.STATISCH_METHODE_NAME.

class StaticMethodCall{
    constructor(){
        console.log(StaticMethodCall.staticMethod());
        // 'static method has been called'

        console.log(this.constructor.staticMethod());
        // 'static method has been called'
    }

    static  staticMethod(){
        return 'static method has been called.';
    }
}

Beispiele

Das folgende Beispiel demonstriert mehrere Dinge:

Wie eine statische Methode in einer Klasse implementiert wird.
Das von einer Klasse mit statischen Eigenschaften geerbt werden kann.
Wie eine statische Methode aufgerufen werden kann und wie nicht.

class Triple {
  static triple(n) {
    if (n === undefined) {
      n = 1;
    }
    return n * 3;
  }
}

class BiggerTriple extends Triple {
  static triple(n) {
    return super.triple(n) * super.triple(n);
  }
}

console.log(Triple.triple());        // 3
console.log(Triple.triple(6));       // 18

var tp = new Triple();

console.log(BiggerTriple.triple(3));
// 81 (not affected by parent's instantiation)

console.log(tp.triple());
// 'tp.triple is not a function'.

Spezifikationen

Spezifikation	Status	Kommentar
ECMAScript 2015 (6th Edition, ECMA-262) Die Definition von 'Class definitions' in dieser Spezifikation.	Standard	Initiale Definition.
ECMAScript (ECMA-262) Die Definition von 'Class definitions' in dieser Spezifikation.	Lebender Standard

Browserkompatibilität

BCD tables only load in the browser