Getter e Setter

Pagina princiaple di Javascript

Fino ad ora abbiamo solamente modificato delle proprietà senza preoccuparci dei valori che avessero in quel momento.

In JavaScript esistono due modalità di accesso ai valori che sono i getter ed i setter, queste due parole derivano dai verbi inglesi to get e ro set.

Useremo getter ed i setter sulle proprietà degli oggetti presenti nel DOM.

I getter servono a prendere un valore mentre i setter servono ad impostarlo. Per quanto riguarda i getter è possibile impostare tutti i valori delle proprietà di un oggetto, mentre per i getter è possibile recuperare solo i valori che sono impostati per quell'elemento.

Fino ad ora abbiamo usato solo i setter.

document.getElementById('div1').style.color = 'red';
document.getElementById('div1').style.backgroundColor = '#fee';
document.getElementById('div1').innerHTML = 'Nuovo valore';

Ecco qualche getter:

let actColor = document.getElementById('div1').style.color;
let actBG = document.getElementById('div1').style.backgroundColor;
let actHTML = document.getElementById('div1').innerHTML;

Getter e setter in un unica isruzione:

document.getElementById('div1').innerHTML += 'Aggiugni qualcosa';

Questo codice aggiunge in coda all'attuale valore.