JavaScript -objekttilbehør

Objekttilbehøregenskaper er metoder i JavaScript som brukes til å få eller angi verdien av et objekt. “få”Er nøkkelordet som brukes til å definere en getter Metode som henter eiendomsverdien, mens "sett”Definerer en settermetode for å endre verdien av en spesifikk egenskap.

Når vi ønsker å få tilgang til en egenskap til vårt JavaScript -objekt, brukes verdien av getter -metoden, og å angi en eiendomsverdi; Setter -metoden påberopes, og så gir vi verdien som et argument som vi ønsker å angi.

Denne oppskrivningen vil diskutere JavaScript-objekttilbehør. Videre vil vi også demonstrere eksempler relatert til Getter, Setter, og Gjenstand.DefineProperty () JavaScript -metoder. Så la oss starte!

JavaScript Getter Method

Getter Methods brukes for å få tilgang til eiendomsverdien til et JavaScript -objekt. “få”Søkeord legges til før funksjonsnavnet, noe som indikerer at det er et“getter”Metode som vil få tilgang til en spesifikk egenskap til det opprettede objektet.

Eksempel: Opprette og bruke JavaScript Getter Method

Dette eksemplet vil vise deg hvordan du oppretter og bruker JavaScript Getter -metoden for ethvert objekt. Først av alt vil vi lage en "ansatt”Objekt som har to egenskaper: FirstName som“John”, Og etternavn som“Albert”:

const ansatt =
FirstName: 'John',
LastName: 'Albert',
;

I neste trinn vil vi lage en "getFirstName ()”Getter -metode som vil få tilgang til“fornavn”Eiendom til vår“ansatt”Objekt. Husk at du må definere getter -metoden i objektdefinisjonsblokken, ikke utenfor den:

get getFirstName ()
Returner dette.fornavn;

Etter å ha opprettet “getFirstName ()”JavaScript Getter Method for Employee -objektet, du vil nå ha to valg for å få tilgang til“fornavn”Eiendom. Enten kan du direkte få tilgang til den ved å bruke "fornavn”Eiendom med ansattes objekt eller ved å få tilgang til“GetFirstName”Getter -metode som en eiendom:

// tilgang til dataegenskaper
konsoll.Logg (ansatt.fornavn);
// tilgang til getter -metoden
konsoll.Logg (ansatt.getfirstname);

Ta en titt på følgende bilde for å se utdataene fra den medfølgende koden:

JavaScript Setter Method

I et JavaScript -program endrer settermetodene et objekts eiendomsverdi. Det må bare ta en formell parameter. “sett”Søkeord legges til for å spesifisere at det er et JavaScript”setter”Metode som vil endre verdien av en bestemt objektegenskap.

Eksempel: Opprette og bruke JavaScript Setter -metoden

For det første vil vi lage en enkel “ansatt”Objekt som omfatter to egenskaper,”fornavn”Og“etternavn" følgende:

const ansatt =
FirstName: 'John',
LastName: 'Albert',
;

Deretter vil vi definere vår settermetode "ChangeFirstName”Det vil bli brukt for å endre“fornavn”Av ansattobjektet. Merk at du må utføre denne operasjonen i objektdefinisjonsblokken:

// Accessor Property (Setter)
Sett ChangeFirstName (newFirstName)
dette.FirstName = newFirstName;

Nå vil vi sjekke ut eiendomsverdien til "fornavn”Og sett den deretter til“Jim" bruker "ChangeFirstName”Setter Method of Our JavaScript Employee Object:

konsoll.Logg (ansatt.fornavn);
// Endre objektegenskaper ved hjelp av en setter
ansatt.ChangeFirstName = 'Jim';
konsoll.Logg (ansatt.fornavn);

Sjekk ut det undergitte bildet for å se utdataene:

JavaScript -objekt.DefineProperty () -metode

Bortsett fra JavaScript -getters og setters, eksisterer det også “Gjenstand.DefineProperty ()”Metode som kan brukes til å få tilgang til og endre objektegenskapene. “Gjenstand.DefineProperty ()”Metode hjelper til.

Syntaks av objektet.DefineProperty ()

Å bruke objekt.DefineProperty () -metode I JavaScript -koden din må du følge syntaks:

Gjenstand.DefineProperty (ObjectName, PropertyName, ObjectDescriptor)

Her, i “Objektnavn”Argument du må legge til det opprettede objektnavnet; det andre argumentet "eiendomsnavn”Representerer eiendommen. Til slutt "ObjectDescriptor”Argument brukes til å beskrive objektegenskapen.

Eksempel: Opprette og bruke JavaScript -objekt.DefineProperty () -metode

Dette eksemplet vil lage en getter og setter -metode ved hjelp av objektet.DefineProperty () -metode. For dette formålet vil vi for det første lage en "ansatt”Objekt som har et“fornavn”Eiendom:

const ansatt =
FirstName: 'Stepheny'

Nå, for å definere en getter -metode ved hjelp av objekt.DefineProperty (), vil vi spesifisere “ansatt”Som vårt objekt,”getName”Som eiendom. Da vil vi legge til den relaterte beskrivelsen etterfulgt av "Get" nøkkelordet i objektets kropp.DefineProperty () Metode:

// Få eiendom
Gjenstand.DefineProperty (ansatt, "getName",
få: funksjon ()
Returner dette.fornavn;

);

Tilsvarende kan du også definere en setterfunksjon for "ansatt”Objekt ved å sette eiendomsnavnet som“endre navn”. Etter å ha gjort det, legg til “sett”Søkeord og definere kroppen til settermetoden din:

// Sette eiendom
Gjenstand.DefineProperty (ansatt, "Changename",
Sett: funksjon (verdi)
dette.FirstName = verdi;

);

For å få tilgang til objektet.defineProperty () getter -metode, vi vil bruke “ansatt”Objekt eiendomsnavn”getName”Som blir lagt til som det andre argumentet i objektet.DefineProperty () Metode:

// Få eiendomsverdien
konsoll.Logg (ansatt.getName);

For å sette eller endre første navn til den ansatte, vil vi tildele det nye første navnet til “ansatt.endre navn”Eiendom:

// Endring av eiendomsverdien
ansatt.Changename = 'Julie';
konsoll.Logg (ansatt.fornavn);

Her er det komplette JavaScript -programmet med utdataene:

Konklusjon

JavaScript Object Accessors er definert ved hjelp av Getter and Setters Methods. Getter -metoden returnerer eiendomsverdien, mens et argument sendes til settermetoden, og tildeler den spesifikke verdien til JavaScript -objektegenskapen. Denne oppskrivningen diskuterte JavaScript-objekttilbehør. Dessuten eksempler relatert til getter, setter og objekt.DefineProperty () JavaScript -metoder er også demonstrert i denne artikkelen.