Accessori di oggetti JavaScript

Le proprietà degli accessori degli oggetti sono metodi in JavaScript che vengono utilizzati per ottenere o impostare il valore di un oggetto. "Ottenere"È la parola chiave che viene utilizzata per definire un getter Metodo che recupera il valore della proprietà, mentre "impostato"Definisce un metodo setter per modificare il valore di una proprietà specifica.

Quando vogliamo accedere a una proprietà del nostro oggetto JavaScript, viene utilizzato il valore del valore del metodo Getter e impostare un valore della proprietà; Il metodo setter viene invocato e quindi passiamo il valore come argomento che vogliamo impostare.

Questo articolo discuterà degli accessori di oggetti JavaScript. Inoltre, dimostreremo anche esempi relativi a Getter, Setter, E Oggetto.DefineProperty () Metodi JavaScript. Quindi iniziamo!

Metodo JavaScript Getter

I metodi getter vengono utilizzati per accedere al valore della proprietà di un oggetto JavaScript. IL "Ottenere"La parola chiave viene aggiunta prima del nome della funzione, indicando che è un"getter"Metodo che accederà a una proprietà specifica dell'oggetto creato.

Esempio: creazione e utilizzo del metodo JavaScript getter

Questo esempio ti mostrerà come creare e utilizzare il metodo JavaScript Getter per qualsiasi oggetto. Prima di tutto, creeremo un "dipendente"Oggetto con due proprietà: primo nome come"John", E lastname come"Albert":

const dipendente =
primo nome: "John",
LastName: 'Albert',
;

Nel prossimo passaggio, creeremo un "getFirstName ()"Metodo getter che accede al"nome di battesimo"Proprietà della nostra"dipendente"Oggetto. Ricorda che devi definire il metodo Getter all'interno del blocco di definizione dell'oggetto, non al di fuori di esso:

get getFirstName ()
Restituisci questo.nome di battesimo;

Dopo aver creato il "getFirstName ()"Metodo JavaScript Getter per l'oggetto dipendente, ora avrai due scelte per accedere al"nome di battesimo" proprietà. O puoi accedervi direttamente utilizzando il "nome di battesimo"Proprietà con l'oggetto dipendente o accedendo al"getFirstName"Metodo getter come proprietà:

// Accesso alle proprietà dei dati
console.registro (dipendente.nome di battesimo);
// Accesso al metodo getter
console.registro (dipendente.getFirstName);

Dai un'occhiata alla seguente immagine per vedere l'output del codice fornito:

Metodo del setter JavaScript

In un programma JavaScript, i metodi setter cambiano il valore della proprietà di un oggetto. Deve richiedere un solo parametro formale. IL "impostato"La parola chiave viene aggiunta per specificare che è un JavaScript"setter"Metodo che cambierà il valore di una particolare proprietà dell'oggetto.

Esempio: creazione e utilizzo del metodo del setter JavaScript

In primo luogo, creeremo un semplice "dipendente"Oggetto che comprende due proprietà,"nome di battesimo" E "cognome" come segue:

const dipendente =
primo nome: "John",
LastName: 'Albert',
;

Successivamente, definiremo il nostro metodo setter "ChangeFirstName"Verrà utilizzato per cambiare il"nome di battesimo"Dell'oggetto dei dipendenti. Si noti che è necessario eseguire questa operazione all'interno del blocco di definizione dell'oggetto:

// Proprietà degli accessori (setter)
Imposta ChangeFirstName (newFirstName)
Questo.FirstName = newFirstName;

Ora controlleremo il valore della proprietà del "nome di battesimo"E poi impostalo su"Jim" usando il "ChangeFirstName"Metodo setter del nostro oggetto di dipendente JavaScript:

console.registro (dipendente.nome di battesimo);
// Modifica della proprietà dell'oggetto utilizzando un setter
dipendente.changeFirstName = 'Jim';
console.registro (dipendente.nome di battesimo);

Dai un'occhiata all'immagine seguente per visualizzare l'output:

Oggetto JavaScript.Metodo Definoperty ()

Oltre ai getter e ai setter JavaScript, esiste anche il "Oggetto.DefineProperty ()"Metodo che può essere utilizzato per l'accesso e la modifica delle proprietà dell'oggetto. IL "Oggetto.DefineProperty ()"Il metodo aiuta ad aggiungere gettici e setter per qualsiasi oggetto JavaScript.

Sintassi dell'oggetto.DefineProperty ()

Per usare l'oggetto.Metodo DefineProperty () nel tuo codice JavaScript, devi seguire la sua sintassi:

Oggetto.DefineProperty (ObjectName, PropertyName, ObjectDescriptor)

Qui, nel "ObjectName"Argomento che devi aggiungere il nome dell'oggetto creato; il secondo argomento "nome della proprietà"Rappresenta la proprietà. Infine, il "ObjectDescriptor"L'argomento viene utilizzato per descrivere la proprietà dell'oggetto.

Esempio: creazione e utilizzo dell'oggetto JavaScript.Metodo Definoperty ()

Questo esempio creerà un metodo getter e setter utilizzando l'oggetto.Metodo Definoperty (). A tale scopo, in primo luogo, creeremo un "dipendente"Oggetto con un"nome di battesimo" proprietà:

const dipendente =
primo nome: "Stepheny"

Ora, per definire un metodo getter usando l'oggetto.DefineProperty (), specificheremo "dipendente"Come il nostro oggetto,"getname"Come proprietà. Quindi aggiungeremo la descrizione correlata seguita dalla parola chiave "get" nel corpo dell'oggetto.Metodo DefineProperty ():

// Ottenere proprietà
Oggetto.DefineProperty (dipendente, "getName",
get: function ()
Restituisci questo.nome di battesimo;

);

Allo stesso modo, puoi anche definire una funzione di setter per "dipendente"Oggetto impostando il nome della proprietà come"cambia nome". Dopo averlo fatto, aggiungi il "impostato"Parole chiave e definisci il corpo del metodo del setter:

// Impostazione proprietà
Oggetto.DefineProperty (dipendente, "Changename",
set: function (value)
Questo.FirstName = Value;

);

Per accedere all'oggetto.DefineProperty () Metodo getter, useremo il "dipendente"Nome proprietà dell'oggetto"getname"Che viene aggiunto come secondo argomento nell'oggetto.Metodo DefineProperty ():

// Ottenere il valore della proprietà
console.registro (dipendente.getName);

Per l'impostazione o la modifica del primo nome del dipendente, assegneremo il nuovo primo nome a "dipendente.cambia nome" proprietà:

// Modifica del valore della proprietà
dipendente.Changename = 'Julie';
console.registro (dipendente.nome di battesimo);

Ecco il programma JavaScript completo con il suo output:

Conclusione

Gli accessori di oggetti JavaScript sono definiti utilizzando i metodi Getter e Setter. Il metodo getter restituisce il valore della proprietà, mentre un argomento viene passato al metodo setter, assegnando tale valore specifico alla proprietà oggetto JavaScript. Questo articolo ha discusso degli accessori di oggetti JavaScript. Inoltre, esempi relativi a getter, setter e oggetto.DefineProperty () I metodi JavaScript sono anche dimostrati in questo articolo.