Statické vlastnosti v TypeScriptu

Podívejme se, jak přistupovat k statickým vlastnostem uvnitř objektů.

Předpokládejme, že máme následující třídu se statickou vlastností:

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

Nyní vytvořme metodu, která zobrazí celkový plat:

typescriptclass User {
  public name: string;
  public static salary: number = 1000;
  
  constructor(name: string) {
    this.name = name;
  }
  
  getSalary(): number {
    return User.salary; // přistupujeme přes jméno třídy
  }
}

Nyní vytvořme metodu, která změní 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 budou společné pro různé objekty. To znamená, že při změně vlastnosti v jednom objektu se změní i v druhém. Ověřme si to.

Vytvořme dva objekty naší třídy:

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

Změňme plat pro prvního uživatele:

typescriptuser1.setSalary(2000);

Zkontrolujme, zda se plat změnil i pro druhého uživatele:

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

Zkontrolujme, zda se plat také změnil ve vlastnosti samotné třídy:

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