คุณสมบัติแบบสแตติกใน 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');

ลองเปลี่ยนเงินเดือนสำหรับ user คนแรก กัน:

typescriptuser1.setSalary(2000);

ตรวจสอบว่าเงินเดือนเปลี่ยนไปสำหรับ user คนที่สองด้วย:

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

ตรวจสอบว่าเงินเดือนยังเปลี่ยนใน คุณสมบัติของคลาสเองด้วย:

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