Setters de propriétés virtuelles en POO en JavaScript

En plus des getters pour les propriétés virtuelles, on peut aussi créer leurs setters. Dans ce cas, à l'intérieur du setter, nous devons récupérer les données, les séparer et écrire les parties correspondantes dans les propriétés publiques appropriées.

Essayons. Implémentons un setter pour la propriété virtuelle 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;
  }
}

Simplifions la déstructuration :

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

Créons un objet de la classe :

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

Écrivons des données dans notre setter virtuel :

javascriptuser.full = 'eric jons';

Vérifions que les propriétés de l'objet ont changé :

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