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 :
class 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 :
class 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 :
let user = new User('john', 'smit');
Écrivons des données dans notre setter virtuel :
user.full = 'eric jons';
Vérifions que les propriétés de l'objet ont changé :
console.log(user.name); // 'eric'
console.log(user.surn); // 'jons'
console.log(user.full); // 'eric jons'