Objekt ødeleggelse, hvileparametere og spredningssyntaks | Forklart i JavaScript
Objekt ødeleggelse
Det er prosessen med å ta "verdiene" fra nøkkelverdiparene fra et objekt og plassere dem i individuelle variabler med en enkelt kodelinje. Denne enkeltkodelinjen tildeler ikke bare verdier til variablene, men oppretter til og med disse variablene også. Vi kan si at vi erklærer og initialiserer flere variabler i en enkelt kodelinje med ødeleggelse av objekter.
Syntaks for ødeleggelse av objekt:
Etter variabelen erklæring (const, la, var) plassere identifikatorene til variablene inne i de krøllete parentesene og legg hele ligningen lik objektet som vi ønsker å ødelegge. Husk at navnet på variablene skal være det samme som "nøkkelen" til nøkkelverdiparene til objektet.
Merk: Det er ingen ødeleggende "operatør", men uttalelsen ovenfor blir referert til som "Destructuring Assignment Operator"
Eksempel:
For å demonstrere objektets ødeleggelse skal vi først opprette et objekt i JavaScript ved å bruke følgende kodelinjer:
Telefon =Navn: 'iPhone',
Modell: '13 Pro ',
Selskap: 'Apple',
Popularitet: 10
Nå som vi har vårt objekt, kan vi ødelegge det til forskjellige variabler, med følgende kodelinje:
const navn, modell = telefon;Merk: Vi ødelegger bare objektet og lagrer to verdier med nøkkel "Navn" og "modell", det er grunnen til at vi trenger å gi navnet på identifikatoren det samme som nøklene til nøkkelverdiparene.
Du kan til og med få tilgang til verdiene ved å bruke variabler som:
konsoll.Logg ("Navnet på mobilen er:" + Navn);konsoll.Logg ("Modellen til mobilen er:"+ modell);
Den komplette kodebiten til dette eksemplet er som
Telefon =Navn: "iPhone",
Modell: "13 Pro",
Selskap: "Apple",
Popularitet: 10,
;
const navn, modell = telefon;
konsoll.Logg ("Navnet på mobilen er:"+Navn);
konsoll.Logg ("Modellen til mobilen er:"+ modell);
Du får følgende utdata når du kjører denne koden:
Det er det for ødeleggelse av objekter i JavaScript ES6
REST -parametere
Restparametrene brukes når vi ikke er sikre på hvor mange parametere en funksjon skal ta. Vi ber kompilatoren ved å bruke Triple-Dot-operatøren før parameterens navn for å gjøre det klart at dette er en hvileparameter og ikke en normal parameter.
Verdiene i resten parameter lagres som en matrise under samme identifikator som parameteren i seg selv.
Syntaks
Som nevnt ovenfor bruker vi en triple-dot-operatør før identifikatoren i parametrene til en funksjon for å gjøre den til en hvileparameter
// Body of the Function
Begrensning for å definere hvileparametere:
- Bare en hvileparam i en funksjon.
- Må være den siste parameteren for funksjonen
Eksempel på hvileparametere
For å demonstrere bruken av hvileparametere med JavaScript, skal vi lage en enkel funksjon som oppsummerer tallene som er gitt til det som argumenter med følgende kodelinjer:
funksjonssum (a, b)returner A+B;
Som du kan se, kan denne funksjonen bare oppsummere 2 -tall, men vi vil ha en funksjon som kan ta en ubestemt mengde tall og oppsummere dem for oss, så vi endrer funksjonen for å få det til å se slik ut:
funksjon sum (... tall)resultat = 0;
for (verdien av tall)
Resultat = resultat + verdi;
returresultat;
Som du kan se, tar vi bare en parameter som er resten parameter som lar denne funksjonen ta en ubestemt mengde tall, og så bruker vi for-of-loopen for å krysse gjennom verdiene som er plassert inne i matrisen og legge dem til dem inn i hverandres. Alt som er igjen å gjøre er å kalle denne funksjonen og skrive ut returverdien med følgende kodelinjer:
konsoll.logg (sum (6, 3, 83, 55, 13, 45));konsoll.logg (sum (1, 2, 3));
Du vil se følgende utdata på skjermen når du utfører denne koden:
Det er det for å bruke hvileparametere i JavaScript, vi kan nå gå videre til vårt neste emne.
Spred syntaks
Det brukes til å videreføre elementene i et iterable objekt (enten en matrise eller en streng) til argumentene eller listen over argumenter som med en enkelt kodelinje uten å ha behov for manuelt iterere gjennom det iterable objektet.
Syntaks
Syntaksen til spredningssyntaksen er ganske grunnleggende, vi bruker ganske enkelt trippel-dot-operatøren før variabelnavnet mens vi sender den som en argument.
Eksempel
For å demonstrere bruken av spredt syntaks i JavaScript, trenger vi en funksjon som vi kan lage med følgende kodelinjer:
funksjon addnumbers (a, b, c, d, e)return A+B+C+D+E;
Nå som vi har vår funksjon, trenger vi en matrise som vil inneholde tallene våre som skal legges til,
tall = [5, 3, 1, 6, 2];Den siste tingen som er igjen å gjøre er å videreføre denne matrisen ved å bruke spredningssyntaksen i funksjonen med følgende kodelinje:
konsoll.logg (addnumbers (... tall));Du bør se følgende resultat på konsollen din:
Som du kan se, ble elementene i matrisen vellykket overført til funksjonen som argumenter med bruk av spredt syntaks.
REST -parameter vs spredningssyntaks
Ofte blir brukere forvirret mellom REST -parametere og Spred syntaks for bestående argumenter. Denne forvirringen skapes på grunn av det faktum at operatør for begge disse funksjonene er de samme (Dot-Operator). For å adressere denne forvirringen, kan vi si det:
- Hvis prikkoperatøren brukes i funksjonsdefinisjonen for å definere en parameter, vil den bli kalt REST -parameteroperatør.
- På den annen side, hvis denne operatøren brukes mens den gir argumenter til en funksjon, vil den bli kalt spredt operatør.
Konklusjon
JavaScript har forskjellige funksjoner, spesielt ECMA V6 -utgivelsen av JavaScript bombarderte programmeringssamfunnet med mange nyttige funksjoner. Noen av disse funksjonene er: Destructuring, resten parametere og syntaks for spredning. I dette innlegget har vi gått gjennom forklaringen og bruken av disse tre funksjonene sammen med eksemplene deres.