Proprietà statiche in TypeScript

Vediamo come accedere alle proprietà statiche all'interno degli oggetti.

Supponiamo di avere la seguente classe con una proprietà statica:

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

Ora creiamo un metodo che visualizzi lo stipendio generale:

typescriptclass User {
  public name: string;
  public static salary: number = 1000;
  
  constructor(name: string) {
    this.name = name;
  }
  
  getSalary(): number {
    return User.salary; // ci riferiamo al nome della classe
  }
}

Ora creiamo un metodo che modifichi lo stipendio generale:

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

Le proprietà statiche saranno condivise tra oggetti diversi. Ciò significa che quando la proprietà viene modificata in un oggetto, cambierà anche nell'altro. Verifichiamolo.

Creiamo due oggetti della nostra classe:

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

Modifichiamo lo stipendio per il primo utente:

typescriptuser1.setSalary(2000);

Verifichiamo che lo stipendio sia cambiato anche per il secondo utente:

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

Verifichiamo che lo stipendio sia cambiato anche nella proprietà della classe stessa:

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