Setters ของคุณสมบัติเสมือนใน OOP ใน JavaScript

นอกจาก getters ของคุณสมบัติเสมือนแล้ว เรายังสามารถสร้าง setters ของพวกมันได้อีกด้วย ในกรณีนี้ภายใน setter เรา ต้องรับข้อมูล แยกมัน และเขียนส่วนที่เกี่ยวข้อง ลงในคุณสมบัติสาธารณะที่ต้องการ

ลองมาทดลองกัน มาลองสร้าง setter สำหรับคุณสมบัติเสมือน 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;
	}
}

ลดรูปการ destructuring:

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

สร้างออบเจ็กต์ของคลาส:

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

เขียนข้อมูลลงใน setter เสมือนของเรา:

user.full = 'eric jons';

ตรวจสอบว่าคุณสมบัติของออบเจ็กต์ มีการเปลี่ยนแปลง:

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