Ricerca…
introduzione
I setter e i getter sono proprietà degli oggetti che chiamano una funzione quando sono impostati / ottenuti.
Osservazioni
Una proprietà dell'oggetto non può contenere contemporaneamente un valore getter e un valore. Tuttavia, una proprietà dell'oggetto può contenere sia un setter che un getter allo stesso tempo.
Definire un Setter / Getter in un oggetto appena creato
JavaScript ci consente di definire getter e setter nella sintassi letterale dell'oggetto. Ecco un esempio:
var date = {
year: '2017',
month: '02',
day: '27',
get date() {
// Get the date in YYYY-MM-DD format
return `${this.year}-${this.month}-${this.day}`
},
set date(dateString) {
// Set the date from a YYYY-MM-DD formatted string
var dateRegExp = /(\d{4})-(\d{2})-(\d{2})/;
// Check that the string is correctly formatted
if (dateRegExp.test(dateString)) {
var parsedDate = dateRegExp.exec(dateString);
this.year = parsedDate[1];
this.month = parsedDate[2];
this.day = parsedDate[3];
}
else {
throw new Error('Date string must be in YYYY-MM-DD format');
}
}
};
L'accesso alla proprietà date.date restituirebbe il valore 2017-02-27 . Setting date.date = '2018-01-02 chiamerebbe la funzione setter, che quindi date.year = '2018' la stringa e imposterebbe date.year = '2018' , date.month = '01' e date.day = '02' . Provare a passare una stringa formattata in modo errato (come "hello" ) genererebbe un errore.
Definire un Setter / Getter usando Object.defineProperty
var setValue;
var obj = {};
Object.defineProperty(obj, "objProperty", {
get: function(){
return "a value";
},
set: function(value){
setValue = value;
}
});
Definire getter e setter nella classe ES6
class Person {
constructor(firstname, lastname) {
this._firstname = firstname;
this._lastname = lastname;
}
get firstname() {
return this._firstname;
}
set firstname(name) {
this._firstname = name;
}
get lastname() {
return this._lastname;
}
set lastname(name) {
this._lastname = name;
}
}
let person = new Person('John', 'Doe');
console.log(person.firstname, person.lastname); // John Doe
person.firstname = 'Foo';
person.lastname = 'Bar';
console.log(person.firstname, person.lastname); // Foo Bar
Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow
