Odpowiedź.

Historia kwestii:

Właściwości i metody statyczne pojawiły się w klasach JavaScript od ES6, jednak ścisłe typowanie tych elementów stało się możliwe dzięki TypeScript. W dynamicznym JavaScript elementy statyczne klasy nie różnią się typem od niestatycznych, ale TypeScript umożliwia dodanie bezpieczeństwa typów i struktury klas uwzględniając członków statycznych.

Problem:

Właściwości i metody statyczne należą do samej klasy, a nie do jej instancji. Jednak wielu programistów myli typowanie instancji (przez this lub konstruktor) z typowaniem samej klasy jako obiektu. Często prowadzi to do błędów przy dostępie do pól statycznych wewnątrz metod lub przy dziedziczeniu.

Rozwiązanie:

W TypeScript członkowie statyczni klas są typowani oddzielnie od niestatycznych:

Dla członków niestatycznych używa się opisu przez ciało klasy.
Dla statycznych — przez słowo kluczowe static.
Typ samej klasy można opisać za pomocą konstrukcji typeof, aby bezpiecznie przekazywać i używać jej jako obiekt o określonej strukturze.

Przykład kodu:

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;
}

Kluczowe cechy:

członkowie static żyją nie w instancji, a w konstruktorze klasy, więc są dostępni tylko przez samą klasę
do przekazywania/typowania samej klasy używa się typeof User, a do instancji — User
dla metod statycznych istnieją własne ograniczenia (brak dostępu do this, jeśli nie wywołane przez konstruktor klasy)

Pytania z pułapką.

Czy metody static mogą bezpośrednio działać na niestatycznych właściwościach klasy?

Nie, metody static nie mają dostępu do niestatycznych właściwości przez this, ponieważ this odnosi się do samej klasy (konstruktora). Aby pracować z niestatycznymi właściwościami, należy operować na instancjach obiektu.

class Demo {
  static demoStatic() {
    // this.value; // Błąd — value nie jest static
  }
}

Czy można uzyskać dostęp do właściwości static przez instancję klasy?

Nie, dostęp do właściwości static jest możliwy tylko przez samo imię klasy, a nie przez instancję:

const u = new User('Max');
console.log(u.count); // Błąd
console.log(User.count); // OK

Czy można dziedziczyć i nadpisywać metody static przy dziedziczeniu klasy?

Tak, metody static można dziedziczyć i nadpisywać, i będzie to działać zgodnie z oczekiwaniami:

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

Typowe błędy i antywzorce

Mylenie między static a niestatycznymi członkami klasy
Próba uzyskania dostępu do pól statycznych przez instancję
Błędy przy używaniu this wewnątrz metod static

Przykład z życia

Negatywny przypadek

Programista przechowuje licznik stworzonych instancji jako zwykłą właściwość instancji, a nie jako static. Przy każdym stworzeniu obiektu pole wzrasta, ale nie jest synchronizowane dla wszystkich obiektów klasy.

Zalety:

Łatwe do zrealizowania bez wiedzy o static

Wady:

Naruszenie inwariantów, licznik nie odzwierciedla liczby obiektów, możliwość błędów przy masowym tworzeniu

Pozytywny przypadek

Użycie static count do liczenia wszystkich obiektów, poprawne zwiększanie w konstruktorze i statyczna metoda do uzyskania licznika.