Statiske egenskaper i TypeScript

La oss se på hvordan vi kan få tilgang til statiske egenskaper inne i objekter.

La oss si at vi har følgende klasse med en statisk egenskap:

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

La oss nå lage en metode som viser den totale lønnen:

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

La oss nå lage en metode som endrer den totale lønnen:

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

Statiske egenskaper vil være delte mellom forskjellige objekter. Dette betyr at når egenskapen endres i ett objekt, vil den endres i det andre også. La oss sjekke dette.

La oss opprette to objekter av klassen vår:

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

La oss endre lønnen for den første brukeren:

typescriptuser1.setSalary(2000);

La oss sjekke at lønnen er endret også for den andre brukeren:

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

La oss sjekke at lønnen også er endret i klassens egen egenskap:

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