Szetterek virtuális tulajdonságokhoz OOP-ban JavaScriptben

A virtuális tulajdonságok getterei mellett szettereket is létrehozhatunk. Ebben az esetben a szetteren belül meg kell kapnunk az adatokat, fel kell osztanunk azokat, és a megfelelő részeket a megfelelő nyilvános tulajdonságokba kell írnunk.

Próbáljuk meg. Valósítsuk meg a full virtuális tulajdonság szetterét:

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

Egyszerűsítsük a destruktúrálást:

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

Hozzunk létre egy objektumot az osztályból:

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

Írjunk adatokat a virtuális szetterünkbe:

javascriptuser.full = 'eric jons';

Ellenőrizzük, hogy az objektum tulajdonságai megváltoztak-e:

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