Jakie są akcesorory obiektów JavaScript

Akcesorory obiektów JavaScript są używane do dostępu i aktualizacji obiektów, a dwa słowa kluczowe używane dla tej funkcji to Getter. JavaScript wprowadził Getters and Setters w ES5 w 2009 roku.

Przyjrzymy się, czym są zdobyte i setery i jak korzystać z nich w JavaScript w tym samouczku, a także omówić, dlaczego powinieneś używać lub ustaw metody JavaScript. Oprócz tego omówimy obiekt.defineProperty () również. Ostatecznie rozjaśnimy światło, na której przeglądarka obsługuje zestaw i uzyskuje metody. Więc zacznijmy.

Zdobądź słowo kluczowe

Metoda GET służy do pobierania wartości, jak sugeruje jej nazwa, aw świecie technicznym można ją zdefiniować jako spoiwo właściwości obiektu do funkcji wywoływanej, gdy właściwość jest poszukiwana. Nie możemy uzyskać wartości, dopóki nie uzyskamy dostępu do metody GET. Jednak wcześniej zdefiniujemy właściwość obiektu.

Przykład:

const Player =
Nazwa: „Hazard”,
Klub: „Chelsea”,
Koszulka: 10,
Get ClubName ()
Zwróć to.Klub;

;
Alert (gracz.nazwa klubowa);

W tym przykładzie użyliśmy Nazwa klubowa Aby uzyskać wartość nieruchomości klubowej.

Ustaw słowo kluczowe

Jest to przeciwieństwo słowa kluczowego GET. Służy do ustawienia wartości. W świecie technicznym można go zdefiniować jako spoiwo właściwości obiektu do funkcji, gdy chcemy ustawić właściwość.

Przykład:

const Player =
nazwa: "",
Klub: „Chelsea”,
Koszulka: 10,
// Ustawienie nazwy gracza
set setName (setName)
Ten.name = setName ;;

;
// Przekazywanie/ustawianie nazwy właściwości obiektu I-E za pomocą setera
gracz.setName = "Mount";
// Zobaczmy dane za pomocą alertu
Alert (gracz.nazwa);

W tym przykładzie najpierw utworzyliśmy obiekt. W tym obiekcie utworzyliśmy metodę SET przy użyciu SET Słowo kluczowych, w którym ustawiamy nazwę odtwarzacza, który jest do niego przekazany. Po obiekcie ustawiamy nazwę odtwarzacza, a następnie wyświetliśmy wynik za pomocą alertu.

Funkcja vs Getters

Do tej pory musisz myśleć, czy nie są one takie same, cóż, odpowiedź brzmi tak i nie. Wyjaśnijmy to przy użyciu przykładów:

Przykładowa funkcja:

const Player =
Nazwa: „Hazard”,
Klub: „Chelsea”,
Koszulka: 10,
myFunc: function ()
Zwróć to.Nazwa+„Plays for”+to.Klub;

;
Alert (gracz.myfunc ());

Przykładowy getter:

const Player =
Nazwa: „Hazard”,
Klub: „Chelsea”,
Koszulka: 10,
Get myFunc ()
Zwróć to.Nazwa+„Plays for”+to.Klub;

;
Alert (gracz.myfunc);

W przykładzie funkcji otrzymujemy myfunc () jako funkcja Gracz I-E.myfunc (). Jednak w przykładzie Getter uzyskujemy dostęp do Gracz I-E nieruchomości.myfunc (). Teraz wiemy, że składnia gettera jest łatwiejsza i czytelna niż funkcja.

Obiekt.defineProperty () w JavaScript

Obiekt JavaScript.defineProperty () służy do dodawania zdobywców i setek. Wymaga trzech argumentów i składni Obiekt.defineProperty () Jest:

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

Pierwszym argumentem jest nazwa obiektu, druga to nazwa właściwości, a trzecim argumentem jest opis obiektu.

Na przykład:

// Zdefiniuj obiekt
const Player =
Nazwa: „Eden”

// Teraz otrzymujemy właściwość obiektu
Obiekt.defineProperty (gracz, „getName”,
get: function ()
Zwróć to.nazwa;

);
// Teraz ustawiamy właściwość obiektu
Obiekt.defineProperty (gracz, „setName”,
set: funkcja (val)
Ten.Nazwa = val;

);
konsola.Log (gracz.nazwa);
// Podajmy graczowi pełną nazwę
gracz.setName = "hazard";
konsola.Log (gracz.nazwa);

W tym przykładzie najpierw zdefiniowaliśmy obiekt. Po tym użyciu Obiekt.defineProperty () ustawiamy setter i getter. Teraz, kiedy po raz pierwszy konsoli.Zaloguj się nazwa odtwarzacza to „Eden”. Ale kiedy ustawiamy nazwę za pomocą Setter, nazwa gracza zmienia się na Hazard jako ustalona przez nas.

Prawdą jest, że kiedy używamy Getters and Setters, JavaScript zapewnia lepszą jakość danych.

Na przykład:

// tworzenie obiektu
const Player =
Nazwa: „Hazard”,
Klub: „Chelsea”,
Koszulka: 10,
Get myFunc ()
Zwróć to.Nazwa+„Plays for”+to.Klub.TolowerCase ();

;
// Korzystanie z danych wyświetlania wyświetlania
Alert (gracz.myfunc);

W tym przykładzie użyliśmy nazwy i własności klubowej Player Player. Przekształciliśmy go na górną i dolną obudowę i zwróciliśmy tę wartość. Rozwiązanie wyglądało tak:

Dlaczego warto korzystać z zdobywców i setek?

• Może wykonywać i wykonywać zadania za kulisami.
• Sprawia, że ​​zapewniamy lepszą jakość danych, jak wspomniano wcześniej
• Ma również prostszą składnię
• Składnia właściwości i metod jest podobna

Które przeglądarki to wspierają?

Wniosek

Nauczyliśmy się prawie wszystkiego o asesorach JavaScript, które są i ustawiamy metody w JavaScript w tym poście. Wchodząc w niewielką głębi wyjaśniliśmy również, jaki obiekt.defineProperty () jest. Poza tym omawialiśmy zawodowców korzystania z asesorów w JavaScript i które przeglądarki wspierają asesorów. Korzystając z asesorów, programista sprawia, że ​​jego kod wykonuje działania za kulisami i zabezpiecza dane. Ponieważ ma prostszą składnię, sprawia, że ​​nasz kod jest czyszczona.