Setters ของคุณสมบัติเสมือนใน OOP ใน JavaScript

นอกจาก getters ของคุณสมบัติเสมือนแล้ว เรายังสามารถสร้าง setters ของพวกมันได้อีกด้วย ในกรณีนี้ภายใน setter เรา ต้องรับข้อมูล แยกมัน และเขียนส่วนที่เกี่ยวข้อง ลงในคุณสมบัติสาธารณะที่ต้องการ

ลองมาทดลองกัน มาลองสร้าง setter สำหรับคุณสมบัติเสมือน full:

javascriptclass User {
  constructor(name, surn) {
    this.name = name;
    this.surn = surn;
  }
  
  get full() {
    return this.name + ' ' + this.surn;
  }
  
  set full(full) {
    let [name, surn] = full.split(' ');
    
    this.name = name;
    this.surn = surn;
  }
}

ลดรูปการ destructuring:

javascriptclass User {
  constructor(name, surn) {
    this.name = name;
    this.surn = surn;
  }
  
  get full() {
    return this.name + ' ' + this.surn;
  }
  
  set full(full) {
    [this.name, this.surn] = full.split(' ');
  }
}

สร้างออบเจ็กต์ของคลาส:

javascriptlet user = new User('john', 'smit');

เขียนข้อมูลลงใน setter เสมือนของเรา:

javascriptuser.full = 'eric jons';

ตรวจสอบว่าคุณสมบัติของออบเจ็กต์ มีการเปลี่ยนแปลง:

javascriptconsole.log(user.name); // 'eric'
console.log(user.surn); // 'jons'
console.log(user.full); // 'eric jons'