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:

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

Sederhanakan destructuring-nya:

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

Buat objek dari kelas:

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

Tulis data ke setter virtual kita:

user.full = 'eric jons';

Periksa apakah properti objek telah berubah:

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