Статички својства во TypeScript

Да погледнеме како да пристапиме до статичките својства внатре во објектите.

Да претпоставиме дека ја имаме следнава класа со статичко својство:

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

Сега да направиме метод што ќе ја прикаже вкупната плата:

typescriptclass User {
  public name: string;
  public static salary: number = 1000;
  
  constructor(name: string) {
    this.name = name;
  }
  
  getSalary(): number {
    return User.salary; // пристапуваме преку името на класата
  }
}

Сега да направиме метод што ќе ја промени вкупната плата:

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

Статичките својства ќе бидат заеднички за сите објекти. Ова значи дека при промена на својството во еден објект, тоа ќе се промени и во другиот. Да го провериме ова.

Да создадеме два објекти од нашата класа:

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

Да ја промениме платата за првиот корисник:

typescriptuser1.setSalary(2000);

Да провериме дали платата се промени и за вториот корисник:

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

Да провериме дали платата исто така се промени во својството на самата класа:

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