Niszczenie obiektów, parametry odpoczynku i rozpowszechnianie składni | Wyjaśniony w JavaScript

Niszczenie obiektów, parametry odpoczynku i składnia rozprzestrzeniania się są uważane za zaawansowane tematy JavaScript. Zamierzamy je podzielić na proste, zrozumiałe kroki i wyjaśnimy przykładami. Wszystkie trzy z tych funkcji zostały wprowadzone w JavaScript z wydaniem JavaScript ECMAV6 (ES6 JS)

Destrukcja obiektu

Jest to proces przyjmowania „wartości” z par wartości kluczowej z obiektu i umieszczania ich w poszczególnych zmiennych za pomocą jednego wiersza kodu. Ten pojedynczy wiersz kodu nie tylko przypisuje wartości do zmiennych, ale nawet tworzy te zmienne. Możemy powiedzieć, że deklarujemy i inicjowanie wielu zmiennych w jednym wierszu kodu z niszczeniem obiektów.

Składnia destrukturowania obiektów:
Po deklaracji zmiennej (const, let, var) umieść identyfikatory zmiennych wewnątrz nawiasów kręconych i umieść całe to równanie równe obiektowi, który chcemy zniszczyć. Pamiętaj, że nazwa zmiennych powinna być taka sama jak „klucz” par kluczowych obiektów.

const identifier1, identifier2, identifier3 = obiektName;

Uwaga: Nie ma niszczycielskiego „operatora”, jednak powyższe stwierdzenie jest określane jako „operator przypisania destrukcyjnego”

Przykład:

Aby zademonstrować zniszczenie obiektu, najpierw utworzymy obiekt w JavaScript za pomocą następujących wierszy kodu:

Phone =
Nazwa: „iPhone”,
Model: '13 Pro ',
Firma: „Apple”,
Popularność: 10

Teraz, gdy mamy nasz obiekt, możemy go zniszczyć na różne zmienne, z następującym wierszem kodu:

const nazwa, model = telefon;

Uwaga: Zniszamy tylko obiekt i przechowujemy dwie wartości za pomocą kluczowej „nazwa” i „modelu”, dlatego musimy podać nazwę identyfikatora tak samo jak klucze par kluczowych.

Możesz nawet uzyskać dostęp do wartości za pomocą zmiennych takich jak:

konsola.Log („Nazwa telefonu komórkowego to:” + Nazwa);
konsola.Log („Model telefonu komórkowego to:”+ model);

Kompletny fragment kodu tego przykładu jest jak

Phone =
Nazwa: „iPhone”,
Model: „13 Pro”,
Firma: „Apple”,
Popularność: 10,
;
const nazwa, model = telefon;
konsola.Log („Nazwa telefonu komórkowego to:”+Nazwa);
konsola.Log („Model telefonu komórkowego to:”+ model);

Po uruchomieniu tego kodu otrzymasz następujące dane wyjściowe:

To jest dla niszczenia obiektów w JavaScript ES6

Parametry odpoczynku

Parametry pozostałe są używane, gdy nie jesteśmy pewni, ile parametrów powinna podjąć funkcja. Poniżej monitowaliśmy kompilator za pomocą operatora potrójnego kropki przed nazwą parametru, aby wyjaśnić, że jest to parametr REST, a nie parametr normalny.

Wartości wewnątrz parametru REST są przechowywane jako tablica pod tym samym identyfikatorem co sam parametr.

Składnia
Jak wspomniano powyżej, używamy operatora potrójnego kropki przed identyfikatorem w parametrach funkcji, aby uczynić ją w parametrze REST

Funkcja XYZ (… paramentiredifier) ​​
// Ciało funkcji

Ograniczenie definiowania parametrów REST:

• Tylko jeden param reszty w funkcji.
• Musi być ostatnim parametrem funkcji

Przykład parametrów odpoczynku

Aby zademonstrować użycie parametrów REST z JavaScript, utworzymy prostą funkcję, która podsumowuje podane jej liczby jako argumenty z następującymi wierszami kodu:

funkcja sum (a, b)
zwrócić A+B;

Jak widać, ta funkcja może podsumować tylko 2 liczby, ale chcemy funkcji, która może podjąć nieokreśloną liczbę liczb i podsumować je dla nas, więc zmieniamy funkcję, aby wyglądała tak:

funkcja suma (… numery)
wynik = 0;
dla (wartość liczb)
wynik = wynik + wartość;

wynik zwrotu;

Jak widać, przyjmujemy tylko 1 parametr, który jest parametrem REST, który pozwoli tej funkcji wziąć nieokreśloną liczbę liczb, a następnie używamy pętli do przechodzenia przez wartości umieszczone w tablicy i dodawanie ich do siebie. Wszystko, co pozostało do zrobienia, to wywołać tę funkcję i wydrukować wartość zwracaną z następującymi wierszami kodu:

konsola.log (suma (6, 3, 83, 55, 13, 45));
konsola.log (suma (1, 2, 3));

Po wykonaniu tego kodu zobaczysz następujące dane wyjściowe:

To znaczy do używania parametrów REST w JavaScript, możemy teraz przejść do naszego następnego tematu.

Rozłóż składnię

Służy do przekazywania elementów obiektu iterowalnego (tablicy lub ciągu) do argumentów lub listy argumentów, jak w przypadku pojedynczego wiersza kodu bez konieczności ręcznego iteracji przez ten iterabalny obiekt.

Składnia
Składnia składni rozprzestrzeniania jest dość podstawowa, po prostu używamy operatora potrójnego kropki przed nazwą zmiennej, przekazując ją jako argument.

(… Argumentacja);

Przykład

Aby zademonstrować użycie składni rozprzestrzeniania się w JavaScript, będziemy potrzebować funkcji, którą możemy stworzyć z następującymi wierszami kodu:

funkcja addnumbers (a, b, c, d, e)
zwrócić A+B+C+D+E;

Teraz, gdy mamy naszą funkcję, potrzebujemy tablicy, która będzie zawierać nasze liczby do dodania,

liczby = [5, 3, 1, 6, 2];

Ostatnią rzeczą, która pozostała do zrobienia, jest przekazanie tej tablicy za pomocą składni rozprzestrzeniania się w funkcji z następującym wierszem kodu:

konsola.log (addnumbers (… liczby));

Powinieneś zobaczyć następujący wynik na konsoli:

Jak widać, elementy tablicy zostały pomyślnie przekazane do funkcji jako argumenty za pomocą składni rozprzestrzeniania.

Parametr spoczynku vs rozprzestrzenianie składni

Często użytkownicy są zdezorientowani między Parametry odpoczynku i Rozłóż składnię do przekazywania argumentów. To zamieszanie powstaje z powodu faktu, że operator Dla obu tych funkcji jest takie same (Operator kropki). Aby rozwiązać to zamieszanie, możemy powiedzieć:

• Jeśli operator kropki jest używany w definicji funkcji do zdefiniowania parametru, zostanie to wywołane Operator parametrów REST.
• Z drugiej strony, jeśli ten operator jest używany podczas przekazywania argumentów do funkcji, zostanie to nazywane Operator rozprzestrzeniania się.

Wniosek

JavaScript ma różne funkcje, zwłaszcza wydanie JavaScript ECMA V6 zbombardowało społeczność programistyczną z wieloma przydatnymi funkcjami. Niektóre z tych funkcji to: niszczenie obiektów, parametry pozostałe i składni rozprzestrzeniania. W tym poście przeszliśmy przez wyjaśnienie i wykorzystanie tych trzech funkcji wraz z ich przykładami.