Propriedades estáticas em TypeScript

Vamos ver como acessar propriedades estáticas dentro de objetos.

Suponha que temos a seguinte classe com uma propriedade estática:

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

Agora vamos criar um método que exibe o salário geral:

typescriptclass User {
  public name: string;
  public static salary: number = 1000;
  
  constructor(name: string) {
    this.name = name;
  }
  
  getSalary(): number {
    return User.salary; // acessamos pelo nome da classe
  }
}

Agora vamos criar um método que altera o salário geral:

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

As propriedades estáticas serão compartilhadas entre diferentes objetos. Isso significa que ao alterar a propriedade em um objeto, ela mudará no outro também. Vamos verificar isso.

Vamos criar dois objetos da nossa classe:

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

Vamos alterar o salário para o primeiro usuário:

typescriptuser1.setSalary(2000);

Vamos verificar se o salário mudou também para o segundo usuário:

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

Vamos verificar se o salário também mudou na propriedade da própria classe:

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