Setter untuk Properti Virtual dalam OOP JavaScript

Selain getter untuk properti virtual, kita juga bisa membuat setter-nya. Dalam hal ini, di dalam setter kita harus mendapatkan data, memisahkannya, dan menulis bagian-bagian yang sesuai ke dalam properti publik yang diperlukan.

Mari kita coba. Mari kita implementasikan setter untuk properti virtual 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;
  }
}

Sederhanakan destructuring-nya:

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(' ');
  }
}

Buat objek dari kelas:

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

Tulis data ke setter virtual kita:

javascriptuser.full = 'eric jons';

Periksa apakah properti objek telah berubah:

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