Akcesorory obiektów JavaScript

Właściwości akcesoriów obiektowych są metodami w JavaScript, które są używane do uzyskania lub ustawiania wartości obiektu. "Dostawać”To słowo kluczowe, które jest wykorzystywane do definiowania rębacz Metoda, która pobiera wartość właściwości, podczas gdy „ustawić”Definiuje metodę settera do zmiany wartości określonej właściwości.

Gdy chcemy uzyskać dostęp do właściwości naszego obiektu JavaScript, stosuje się wartość zwracana metodą Getter i ustawić wartość właściwości; Metoda settera jest wywoływana, a następnie przekazujemy wartość jako argument, który chcemy ustawić.

Ten zapis omówi akcesorory obiektów JavaScript. Ponadto zademonstrujemy również przykłady związane Rębacz, Seter, I Obiekt.defineProperty () Metody JavaScript. A więc zacznijmy!

Metoda gettera JavaScript

Metody Getter są używane do dostępu do wartości właściwości obiektu JavaScript. „„Dostawać„Słowo kluczowe jest dodawane przed nazwą funkcji, wskazując, że jest to„rębacz„Metoda, która uzyska dostęp do określonej właściwości utworzonego obiektu.

Przykład: Tworzenie i użycie metody JavaScript Getter

Ten przykład pokaże, jak tworzyć i użyć metody JavaScript Getter dla dowolnego obiektu. Przede wszystkim stworzymy „pracownik„Obiekt o dwóch właściwościach: nazwa pierwszego jako„Jan”I LastName jako„Albert”:

const pracownika =
FirstName: „John”,
LastName: „Albert”,
;

W następnym kroku stworzymy „getFirstName ()„Metoda gettera, która uzyska dostęp do„imię„Własność naszego„pracownik" obiekt. Pamiętaj, że musisz zdefiniować metodę gettera w bloku definicji obiektu, a nie poza nią:

Get GetFirstName ()
Zwróć to.imię;

Po utworzeniu „getFirstName ()„Metoda JavaScript Getter dla obiektu pracownika, będziesz mieć teraz dwie opcje dostępu do„imię" nieruchomość. Możesz bezpośrednio do niego uzyskać dostęp, korzystając z „imię„Własność z obiektem pracownika lub uzyskując dostęp do„GetFirstName„Metoda gettera jako właściwość:

// Dostęp do właściwości danych
konsola.Log (pracownik.imię);
// Dostęp do metody getter
konsola.Log (pracownik.getFirstName);

Spójrz na następujący obraz, aby zobaczyć wyjście dostarczonego kodu:

Metoda settera JavaScript

W programie JavaScript metody setter zmieniają wartość właściwości obiektu. Musi wymagać tylko jednego parametru formalnego. „„ustawić„Słowo kluczowe jest dodawane, aby określić, że jest to JavaScript”seter„Metoda, która zmieni wartość dowolnej właściwości obiektu.

Przykład: Tworzenie i użycie metody setter JavaScript

Po pierwsze, stworzymy proste „pracownik„Obiekt, który obejmuje dwie właściwości”, „imię" I "nazwisko”W następujący sposób:

const pracownika =
FirstName: „John”,
LastName: „Albert”,
;

Następnie zdefiniujemy naszą metodę settera „ZmianaFirstName„To zostanie wykorzystane do zmiany„imię”Obiekt pracownika. Zauważ, że musisz wykonać tę operację w bloku definicji obiektu:

// Properor Propert (setter)
Ustaw zmianę CHANGEFIRSTName (newFirstName)
Ten.FirstName = newFirstName;

Teraz sprawdzimy wartość właściwości „imię”A następnie ustaw go na„Jim" używając "ZmianaFirstName„Metoda setter naszego obiektu pracownika JavaScript:

konsola.Log (pracownik.imię);
// Zmiana właściwości obiektu za pomocą setera
pracownik.zmianaFirstName = „Jim”;
konsola.Log (pracownik.imię);

Sprawdź poniższy obraz, aby wyświetlić wyjście:

Obiekt JavaScript.Metoda defineProperty ()

Oprócz JavaScript Getters and Setters, istnieje również „Obiekt.defineProperty ()„Metoda, którą można zastosować do dostępu i zmiany właściwości obiektu. „„Obiekt.defineProperty ()”Metoda pomaga w dodawaniu zdobywców i setek dla dowolnego obiektu JavaScript.

Składnia obiektu.defineProperty ()

Używać obiektu.Metoda defineProperty () W kodzie JavaScript musisz śledzić jego składnię:

Obiekt.defineProperty (nazwa obiektu, nazwa właściwości, ObjectDescriptor)

Tutaj, w „nazwa obiektu„Argument, musisz dodać nazwę obiektu utworzonego; Drugi argument „Nazwa właściwości”Reprezentuje właściwość. Wreszcie „„ObjectDescriptor”Argument służy do opisu właściwości obiektu.

Przykład: Tworzenie i używanie obiektu JavaScript.Metoda defineProperty ()

Ten przykład utworzy metodę getter i setter za pomocą obiektu.Metoda defineProperty (). W tym celu najpierw stworzymy „pracownik„Obiekt o„imię" nieruchomość:

const pracownika =
FirstName: „Stepheny”

Teraz, aby zdefiniować metodę Getter za pomocą obiektu.defineProperty (), określamy „pracownik„Jako nasz obiekt”GetName„Jako własność. Następnie dodamy powiązany opis, a następnie słowo kluczowe „Get” w treści obiektu.defineProperty () Metoda:

// zdobycie nieruchomości
Obiekt.defineProperty (pracownik, „getName”,
get: function ()
Zwróć to.imię;

);

Podobnie możesz również zdefiniować funkcję settera dla „pracownik„Obiekt, ustawiając nazwę właściwości jako„Zmień nazwę". Po zrobieniu tego dodaj „ustawić”Słowo kluczowe i zdefiniuj korpus metody Setter:

// Ustawianie właściwości
Obiekt.defineProperty (pracownik, „nazwa Changename”,
set: funkcja (wartość)
Ten.FirstName = wartość;

);

Aby uzyskać dostęp do obiektu.defineProperty () Getter Method, użyjemy „pracownik„Nazwa właściwości obiektu„GetName”, Który jest dodawany jako drugi argument w obiekcie.defineProperty () Metoda:

// uzyskanie wartości nieruchomości
konsola.Log (pracownik.getName);

Aby ustawić lub zmienić nazwę pierwszej nazwy pracownika, przypisamy nową nazwę pierwszej do „pracownik.Zmień nazwę" nieruchomość:

// Zmiana wartości właściwości
pracownik.Changename = „Julie”;
konsola.Log (pracownik.imię);

Oto kompletny program JavaScript z wyjściem:

Wniosek

Akcesorory obiektów JavaScript są zdefiniowane za pomocą metod Getter i Setters. Metoda Getter zwraca wartość właściwości, podczas gdy argument jest przekazywany do metody setter, przypisując tę ​​wartość konkretną do właściwości obiektu JavaScript. W tym zapisie omówiono akcesorory obiektów JavaScript. Ponadto przykłady związane z Getter, Setter i Object.Metody JavaScript defineProperty () są również wykazane w tym artykule.