Destructuring ir īpaši noderīga funkcija JavaScript, kas ļauj tev izvilkt vērtības no masīviem un objektiem mainīgajās, neizmantojot vairākas koda rindas. Šī tehnika ne tikai uzlabo tava koda lasāmību, bet arī padara to īsāku un elegantu. Šajā rokasgrāmatā tu uzzināsi, kā efektīvi izmantot Destructuring, lai optimizētu savu JavaScript kodu.
Galvenās atziņas
- Destructuring ļauj viegli izvilkt vērtības no objektiem un masīviem.
- Tu vari vienlaicīgi piešķirt mainīgajiem, kas padara kodu lasāmāku.
- Mainīgo secība objektiem ir svarīga, bet masīviem - nē.
- Tu vari pārdēvēt vērtības, lai izvairītos no konfliktēm ar esošajiem mainīgajiem.
Solījumu solis pa solim
Objektu destructuring
Sāksim ar objektiem. Iedomājies, ka tev ir objekts, kas satur divas īpašības, x un y. Sākumā tu deklarē savu objektu šādi:
Šajā gadījumā jānorāda, ka tu īpašību obj jāuzraksta divas reizes. Tas ir neērti, un to var risināt eleganti. Šajā brīdī ienāk Destructuring.
Tagad tu esi izvilcis x un y tieši no obj un tev jāizmanto objekta nosaukums tikai vienu reizi. Pārbaudīsim rezultātu.
Tu redzi, ka rezultāti ir palikuši nemainīgi. Šī tehnika ne tikai ietaupa koda rindas, bet arī uzlabo lasāmību.
Mainīgo pārdēvēšana
Izmantojot Destructuring, var gadīties, ka īpašības tavā atgrieztajā objektā rada konfliktus ar jau esošiem mainīgajiem. Šajā gadījumā tu vari pārdēvēt mainīgos.
Tagad tu esi veiksmīgi pārdēvējis īpašības par x1, y1 un z1 un vari tās izmantot bez konfliktiem.
Funkcijas ar objektiem
Destructuring arī padara darbu ar funkciju atgriezeniskajām vērtībām vieglāku.
Tu iegūsti vērtības no x un y tieši bez papildu piešķiršanas.
Destructuring no masīviem
Tagad apskatīsim Destructuring ar masīviem.
Te tu esi izvilcis x, y un z no masīva. Ņem vērā, ka secība šeit ir svarīga un atbilst vērtībām masīvā.
Vērtību izslēgšana
Var arī gadīties, ka tu neizmanto visus masīva vērtības.
Šajā gadījumā tu izlaidīsi otro vērtību.
Tas dod tev elastību izvilkt tikai tās vērtības, kuras tev patiešām ir nepieciešamas.
Kopsavilkums
Pateicoties Destructuring, tu vari ne tikai padarīt savu kodu īsāku, bet arī saprotamāku. Neatkarīgi no tā, vai strādā ar objektiem vai masīviem, tu ievērosi, ka šī tehnika ļauj ietaupīt daudz laika un rakstīšanas pūļu. Tu vari vienkārši izšķirt objektu un masīvu struktūru un tieši piešķirt vajadzīgās vērtības. Ar pārdēvētajiem mainīgajiem tu vari izvairīties no konfliktiem un saprātīgi nosaukt savus mainīgos.
Kopsavilkums - Destructuring React: Solis pa solim rokasgrāmata
Destructuring ir vērtīga tehnika JavaScript, kas ļauj tev efektīvi izvilkt vērtības no objektiem un masīviem. Tu nu esi uzzinājis, kā šo noderīgo pieeju īstenot, lai padarītu savu kodu skaidrāku un elegantu.
Bieži uzdotie jautājumi
Kā darbojas Destructuring ar objektiem?Ar Destructuring tu vari izņemt īpašības no objektiem un tieši saglabāt tās mainīgajos.
Vai es varu pārdēvēt mainīgos, izmantojot Destructuring?Jā, tas ir iespējams. Tu vari formā const { property: newName } = object pārdēvēt mainīgos.
Kā es rīkojos ar konfliktiem mainīgo nosaukumos?Izmanto Destructuring, lai mainītu nosaukumu sintaksi, lai neakceptētu esošos mainīgos.
Vai Destructuring attiecas arī uz masīviem?Jā, tu vari izmantot Destructuring arī saldējot masīvus, izmantojot kvadrātiekavas.
Vai es varu izlaist vērtības, izmantojot Destructuring?Jā, tas ir iespējams. Tu vari izmantot komatus piešķiršanā, lai izlaistu noteiktas vērtības.
