Статические свойства в TypeScript

Давайте посмотрим, как обращаться к статическим свойствам внутри объектов.

Пусть у нас есть следующий класс со статическим свойством:

typescriptclass User {
  public name: string;
  public static salary: number = 1000;
  
  constructor(name: string) {
    this.name = name;
  }
}

Давайте теперь сделаем метод, выводящий общую зарплату:

typescriptclass User {
  public name: string;
  public static salary: number = 1000;
  
  constructor(name: string) {
    this.name = name;
  }
  
  getSalary(): number {
    return User.salary; // обращаемся по имени класса
  }
}

Давайте теперь сделаем метод, изменяющий общую зарплату:

typescriptclass User {
  public name: string;
  public static salary: number = 1000;
  
  constructor(name: string) {
    this.name = name;
  }
  
  getSalary(): number {
    return User.salary;
  }
  
  setSalary(salary: number) {
    User.salary = salary;
  }
}

Статические свойства будут общими для разных объектов. Это значит, что при изменении свойства в одном объекте, оно поменяется в и другом. Проверим это.

Создадим два объекта нашего класса:

typescriptlet user1: User = new User('john');
let user2: User = new User('eric');

Давайте поменяем зарплату для первого юзера:

typescriptuser1.setSalary(2000);

Проверим, что зарплата изменилась и для второго юзера:

typescriptconsole.log(user2.getSalary()); // 2000

Проверим, что зарплата также изменилась в свойстве самого класса:

typescriptconsole.log(User.salary); // 2000