Statické vlastnosti v TypeScript

Pozrime sa, ako pristupovať k statickým vlastnostiam vo vnútri objektov.

Predpokladajme, že máme nasledujúcu triedu so statickou vlastnosťou:

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

Teraz vytvorme metódu, ktorá zobrazí celkový plat:

typescriptclass User {
  public name: string;
  public static salary: number = 1000;
  
  constructor(name: string) {
    this.name = name;
  }
  
  getSalary(): number {
    return User.salary; // pristupujeme podľa názvu triedy
  }
}

Teraz vytvorme metódu, ktorá zmení celkový plat:

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

Statické vlastnosti budú spoločné pre rôzne objekty. To znamená, že pri zmene vlastnosti v jednom objekte sa zmení aj v druhom. Overme si to.

Vytvorme dva objekty našej triedy:

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

Zmeňme plat pre prvého používateľa:

typescriptuser1.setSalary(2000);

Skontrolujme, či sa plat zmenil aj pre druhého používateľa:

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

Skontrolujme, či sa plat zmenil aj v vlastnosti samotnej triedy:

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