Antwort.

Geschichte der Frage:

Statische Eigenschaften und Methoden wurden in JavaScript-Klassen seit ES6 eingeführt, jedoch wurde eine strenge Typisierung dieser Elemente durch TypeScript möglich. In dynamischem JavaScript unterscheiden sich statische Elementen einer Klasse nicht von nicht-statischen, aber TypeScript ermöglicht es, die Typensicherheit und Struktur von Klassen unter Berücksichtigung ihrer statischen Mitglieder hinzuzufügen.

Problem:

Statische Eigenschaften und Methoden gehören zur Klasse selbst und nicht zu ihren Instanzen. Viele Entwickler verwechseln jedoch die Typisierung der Instanz (über this oder den Konstruktor) mit der Typisierung der Klasse selbst als Objekt. Dies führt manchmal zu Fehlern beim Zugriff auf statische Felder innerhalb von Methoden oder beim Vererben.

Lösung:

In TypeScript werden die statischen Mitglieder von Klassen getrennt von den nicht-statischen typisiert:

Für nicht-statische Mitglieder wird die Beschreibung über den Klassenkörper verwendet.
Für statische — durch das Schlüsselwort static.
Der Typ der Klasse selbst kann mit der Konstruktion typeof beschrieben werden, um sie sicher als Objekt mit einer bestimmten Struktur zu übergeben und zu verwenden.

Beispiel-Code:

class User {
  static count: number = 0;

  name: string;
  constructor(name: string) {
    this.name = name;
    User.count++;
  }

  static getCount(): number {
    return User.count;
  }
}

function createUserClass(): typeof User {
  return User;
}

Wesentliche Merkmale:

Statische Mitglieder leben nicht in der Instanz, sondern im Klassenkonstruktor, daher sind sie nur über die Klasse selbst zugänglich
Zum Übergeben/Typisieren der Klasse selbst wird typeof User verwendet, und für Instanzen — User
Für statische Methoden gibt es eigene Einschränkungen (kein Zugriff auf this, wenn nicht über den Klassenkonstruktor aufgerufen)

Fangfragen.

Können statische Methoden direkt mit nicht-statischen Eigenschaften der Klasse arbeiten?

Nein, statische Methoden haben keinen Zugriff auf nicht-statische Eigenschaften über this, da this auf die Klasse selbst (den Konstruktor) verweist. Um mit nicht-statischen Eigenschaften zu arbeiten, muss man mit Objektinstanzen arbeiten.

class Demo {
  static demoStatic() {
    // this.value; // Fehler — value ist nicht static
  }
}

Kann man auf die statische Eigenschaft über eine Instanz der Klasse zugreifen?

Nein, der Zugriff auf statische Eigenschaften ist nur über den Klassennamen selbst und nicht über eine Instanz möglich:

const u = new User('Max');
console.log(u.count); // Fehler
console.log(User.count); // OK

Kann man statische Methoden beim Vererben einer Klasse erben und überschreiben?

Ja, statische Methoden können geerbt und überschrieben werden, und das wird wie erwartet funktionieren:

class Animal {
  static who() { return 'Animal'; }
}
class Dog extends Animal {
  static who() { return 'Dog'; }
}
console.log(Dog.who()); // 'Dog'

Typische Fehler und Anti-Patterns

Verwirrung zwischen statischen und nicht-statischen Mitgliedern der Klasse
Versuch, auf statische Felder über Instanzen zuzugreifen
Fehler bei der Verwendung von this innerhalb von statischen Methoden

Beispiel aus dem Leben

Negativer Fall

Ein Entwickler speichert einen Zähler für erstellte Instanzen als normales Instanzfeld und nicht als static. Bei jeder Erstellung eines Objekts erhöht sich das Feld, ist jedoch nicht für alle Objekte der Klasse synchronisiert.

Vorteile:

Einfach zu implementieren, ohne Kenntnisse über static

Nachteile:

Verletzung der Invarianten, der Zähler spiegelt die Anzahl der Objekte nicht wider, Möglichkeit von Fehlern bei Massenanfragen

Positiver Fall

Verwendung von static count zur Zählung aller Objekte, korrektes Erhöhen im Konstruktor und statische Methode zur Abfrage des Zählers.