Staattiset ominaisuudet TypeScriptissä

Katsotaan, kuinka staattisiin ominaisuuksiin viitataan olioiden sisällä.

Oletetaan, että meillä on seuraava luokka staattisella ominaisuudella:

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

Tehdään nyt metodi, joka tulostaa kokonaispalkan:

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

Tehdään nyt metodi, joka muuttaa kokonaispalkkaa:

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

Staattiset ominaisuudet ovat yhteisiä eri olioille. Tämä tarkoittaa, että kun ominaisuus muuttuu yhdessä oliossa, se muuttuu myös toisessa. Tarkistetaan tämä.

Luodaan kaksi oliota luokastamme:

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

Muutetaan palkka ensimmäiselle käyttäjälle:

typescriptuser1.setSalary(2000);

Tarkistetaan, että palkka on muuttunut myös toiselle käyttäjälle:

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

Tarkistetaan, että palkka on myös muuttunut itse luokan ominaisuudessa:

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