Statiske egenskaber i TypeScript

Lad os se på, hvordan man tilgår statiske egenskaber inde i objekter.

Lad os sige, at vi har følgende klasse med en statisk egenskab:

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

Lad os nu lave en metode, der viser den samlede løn:

typescriptclass User {
  public name: string;
  public static salary: number = 1000;
  
  constructor(name: string) {
    this.name = name;
  }
  
  getSalary(): number {
    return User.salary; // tilgår via klassens navn
  }
}

Lad os nu lave en metode, der ændrer den samlede løn:

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 egenskaber vil være fælles for forskellige objekter. Det betyder, at når egenskaben ændres i et objekt, vil den ændres i det andet. Lad os tjekke dette.

Lad os oprette to objekter af vores klasse:

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

Lad os ændre lønnen for den første bruger:

typescriptuser1.setSalary(2000);

Lad os tjekke, at lønnen er ændret også for den anden bruger:

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

Lad os tjekke, at lønnen også er ændret i selve klassens egenskab:

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