Jak używać API Reflect w JavaScript

Refleksja w JavaScript jest uważana za zdolność do manipulowania właściwościami, zmiennymi i metodami obiektowymi w czasie wykonywania. Refleksja interfejs API został wprowadzony jako nowy obiekt globalny w ES6, Umożliwienie wywoływania metod obiektów, uzyskania i ustawiania wartości właściwości obiektów, konstruowania obiektów, rozszerzenia i manipulowania właściwościami. Pozwala również na tworzenie dynamicznych ram obsługi kodu i programów.

W tym spisie omówi używać z Odzwierciedlają API W JavaScript za pomocą odpowiednich przykładów. A więc zacznijmy!

Odzwierciedla API w JavaScript

Odbijać jest nowym obiektem globalnym, który oferuje wiele funkcji użyteczności nakładających się na ES5 Global ”Obiekt". Wszystkie dostarczone metody API odzwierciedlają „Funkcje introspekcji,”, Które pozwalają zbadać i manipulować cechami obiektu w czasie wykonywania.

Tutaj należy wziąć pod uwagę, że funkcje introspekcji są już osadzone w JavaScript; Dlaczego jest to nowy interfejs API, gdy te funkcje mogą być już częścią obiektu JavaScript?

Spójrz na punkty poniżej, aby uzyskać odpowiedź:

Wszystkie interfejsy API w jednej przestrzeni nazw: Jak wspomnieliśmy wcześniej, interfejsy odbicia obiektów istnieją już w JavaScript; nie były one jednak ustrukturyzowane w jednym przestrzeni nazw. Tak więc w ES6 wszystkie interfejsy odbijające są zorganizowane w ramach „Odbijać„Przestrzeń nazw.

Prostota kodu: W JavaScript, gdy metoda introspekcji nie ukończy określonej operacji związanej z obiektem, rzuca wyjątek. To dodaje dodatkowe koszty do programisty do obsługi wyjątku. Podczas gdy w przypadku API Reflect, wyjątek jest traktowany jako „Boolean”(Prawda lub fałsz) wartość.

Niezawodność wywołań funkcyjnych: W porównaniu z funkcjami obiektowymi w ES5 API Reflect API zapewnia bardziej elegancki i niezawodny sposób wywołania lub zastosowania funkcji.

Teraz szczegółowo przejrzyjmy wykorzystanie metod Reflect API.

Jak używać Reflect.Construct () Metoda w JavaScript

„„Odbijać.skonstruować()„Metoda JavaScript służy do wywoływania konstruktora API Reflect API przy jednoczesnym określeniu wymaganych argumentów. Ta metoda zachowuje się podobnie jak „nowy„Operator. Możesz także skorzystać z refleksji.construct () metoda ustawienia prototypu obiektu.

Składnia używania refleksji.Construct () Metoda w JavaScript

Odbijać.konstrukt (cel, argumentsList [, Newtarget])

Tutaj, "cel”Reprezentuje funkcję docelową, która zostanie wywołana„lista argumentów”To parametr funkcji i„NewTarget”Jest opcjonalnym parametrem używanym do określenia prototypu konstruktora.

Przykład: jak używać Reflect.Construct () Metoda w JavaScript

Teraz wykorzystamy refleksję.Construct () metoda utworzenia obiektu „X„Posiadanie„Szyk„Prototyp i lista argumentów:

const x = refleksja.konstrukt (tablica, [10,20,30,40,50]);
konsola.log (x);

Wykonanie powyższego kodu zwróci nowe „X”Obiekt z określoną listą argumentów i jej prototypem:

Jak używać Reflect.Apply () Metoda w JavaScript

„„Odbijać.stosować()”Metoda jest stosowana do wywoływania funkcji za pomocą określonego argumentu.

Składnia używania refleksji.Apply () Metoda w JavaScript

Odbijać.Zastosuj (cel, thisarg, argumenty)

Tutaj, "cel”Reprezentuje funkcję docelową, która zostanie wywołana„Thisarg„Będzie zachowywać się jako„Ten”Słowo kluczowe dla funkcji i„argumenty”Reprezentuj parametry, które zaakceptuje wywołana funkcja.

Przykład: jak używać Reflect.Apply () Metoda w JavaScript

Przede wszystkim stworzymy „X„Tablica, która obejmuje pięć elementów:

var x = [10,20,30,40,50];

W następnym kroku użyjemy „Odbijać.stosować()„Metoda zastosowania„Matematyka.Max”Funkcja tablicy o nazwie„X”:

konsola.Log (Reporting.Zastosuj (matematyka.Max, niezdefiniowany, x));

„„Matematyka.Max„Funkcja zwróci największą liczbę, która istnieje w„X"Tablica:

Jak używać Reflect.Metoda defineProperty () w JavaScript

Jeśli chcesz dodać lub zaktualizować właściwości obiektu, użyj Odbijać.defineProperty () Metoda JavaScript. Działa podobnie do Obiekt.defineProperty () metoda; Jednakże Odbijać.defineProperty () Metoda zwraca wartość logiczną, a nie zmodyfikowany obiekt.

Składnia używania refleksji.Metoda defineProperty () w JavaScript

Odbijać.defineProperty (Target, PropertyKey, atrybuty)

Tutaj, "cel”Reprezentuje funkcję docelową, która zostanie wywołana„PropertyKey”Wskazuje właściwość obiektu, którą należy zdefiniować lub zmodyfikować, oraz„atrybuty”Ustaw wartość dla określonego KEKey.

Przykład: jak używać Reflect.Metoda defineProperty () w JavaScript

W poniższym przykładzie zdefiniujemy „rekwizyt”Jako PropertyKey dla„OBJ1„Obiekt JavaScript, który zawiera„60”Jako jego wartość:

const obj1 = ;
(Odbijać.defineProperty (obj1, „prop”, wartość: 60)))
konsola.Log (OBJ1.rekwizyt);

Jak widać, pomyślnie zdefiniowaliśmy wartość dla „rekwizyt„PropertyKey z„OBJ1" używając Odbijać.defineProperty () metoda:

Jak używać Reflect.Metoda get () w JavaScript

W JavaScript, Odbijać.Metoda get () Pobiera właściwość obiektu jako funkcję.

Składnia używania refleksji.Metoda get () w JavaScript

Odbijać.Get (cel, PropertyKey [, odbiornik])

Tutaj, "cel”Reprezentuje obiekt JavaScript, którego właściwość jest dostępna,„PropertyKey”Wskazuje nazwę właściwości, którą chcesz uzyskać, i„odbiorca”Jest opcjonalnym parametrem reprezentującym wartość„Ten”Wykorzystane do wywoływania celu.

Przykład: jak używać Reflect.Metoda get () w JavaScript

„„Odbijać.Dostawać()”Metoda jest stosowana w poniższym przykładzie, aby uzyskać Pierwszy Wartość właściwości „X"Tablica:

var x = [10,20,30,40,50];
konsola.Log (Reporting.Get (x, „1 '));

Wyjście dostarczonego kodu wyświetli wartość określonej właściwości:

Jak używać Reflect.Metoda getPrototypeof () w JavaScript

„„Odbijać.getPrototypeof ()”Wzywana jest metoda w celu odzyskania prototypu obiektu JavaScript.

Składnia używania refleksji.Metoda getPrototypeof () w JavaScript

Odbijać.getPrototypeof (cel)

Tutaj, "cel”Reprezentuje obiekty, których prototyp zostanie odzyskany z pomocą Odbijać.getPrototypeof () metoda.

Przykład: jak używać Reflect.Metoda getPrototypeof () w JavaScript

Po pierwsze, stworzymy obiekt „zero„Prototyp:

const obj1 = obiekt.Utwórz (null);

Następnie użyjemy „Odbijać.getPrototypeof ()„Metoda uzyskania prototypu„OBJ1”:

konsola.Log (Reporting.getPrototypeof (obj1));

Poniżej podane wyjście oznacza to „OBJ1" ma "zero„Prototyp:

Jak używać Reflect.set () metoda w JavaScript

W JavaScript, Odbijać.set () metoda jest wykorzystywany do ustawiania wartości właściwości obiektu.

Składnia używania refleksji.set () metoda w JavaScript

Odbijać.set (cel, właściwości, wartość [, odbiornik])

Tutaj, "cel”Reprezentuje wartość całej właściwości obiektu JavaScript, którą zamierzamy ustawić”, „PropertyKey”Jest określoną właściwością obiektu,„wartość”Wskazuje nową wartość. Wreszcie „odbiorca”Jest opcjonalnym parametrem o wartości„Ten”Wykorzystane do wywoływania celu.

Przykład: jak używać Reflect.set () metoda w JavaScript

Wykazać użycie refleksji.set () metoda, po pierwsze, utwórz pusty obiekt o nazwie „obj”:

const obj = [];

Następnie wykonaj poniżej przekazany kod, aby ustawić wartości właściwości określonego obiektu:

Odbijać.set (obj, 0, „pierwszy”);
Odbijać.set (OBJ, 1, „Second”);
Odbijać.set (obj, 2, „trzeci”);
konsola.log (OBJ);

Teraz sprawdź „„obj”Wartości właściwości, które ustawiliśmy za pomocą refleksji.set () Metoda:

Jak używać Reflect.metoda deleteProperty () w JavaScript

Możesz użyć Odbijać.metoda deleteProperty () do usunięcia określonej właściwości obiektu.

Składnia używania refleksji.metoda deleteProperty () w JavaScript

Odbijać.DeleteProperty (Target, PropertyKey)

Tutaj, "cel”Reprezentuje obiekt JavaScript, którego właściwość zostanie usunięta, i„PropertyKey”Wskazuje jego własność.

Przykład: jak używać Reflect.metoda deleteProperty () w JavaScript

Ten przykład użyje refleksji.metoda deleteProperty () do usunięcia Pierwszy Wartość właściwości utworzonych „X" obiekt:

var x = [10,20,30,40,50];
Odbijać.deleteProperty (x, „1”);

Wyjście

„„Odbijać.deleteProperty ()„Metoda powróci”PRAWDA”Jeśli właściwość określonego obiektu zostanie pomyślnie usunięta; W przeciwnym razie sprawa zwrotna zostanie ustawiona na „FAŁSZ”Gdy określona nieruchomość nie zostanie znaleziona.

Wniosek

Zastosowanie interfejsu API Reflect w JavaScript umożliwia wywoływanie metod obiektów, uzyskiwanie i ustawianie wartości właściwości obiektu, konstruowanie obiektów, rozszerzenie i manipulowanie jego właściwościami w czasie wykonywania. Pozwala także na tworzenie dynamicznych ram obsługi kodu i programów. W tym spisie omówiono zastosowanie API Reflect w JavaScript za pomocą odpowiednich przykładów.