Šajā apmācībā mēs aplūkosim dažādus metodus mainīgo deklarēšanai JavaScript, īpaši ES6 standarta atslēgvārdus let un const salīdzinājumā ar var, kas līdz ES5 bija vienīgā iespēja, kā izveidot mainīgos. Daudzi izstrādātāji, izmantojot var, saskārās ar negaidītām uzvedības formām, kas noveda pie kļūdām. Šis mācību stunda palīdzēs tev saprast mūsdienīgās metodes un nodrošināt, ka tu efektīvi deklarē un izmanto mainīgos.
Galvenās atziņas
Jaunās mainīgo deklarācijas let un const piedāvā priekšrocības attiecībā uz apjomu, redzamību un mainīgo izmantošanas drošību. let ļauj izmantot mainīgo iekšējā blokā, kamēr const rada nemainīgu piešķiršanu.
Solī pa solim instrukcija
Mainīgo deklarēšana
Lai efektīvi strādātu ar mainīgajiem JavaScript, mēs vispirms izpētīsim mainīgo deklarēšanu, izmantojot var, let un const. Sāksim ar failu main.js, kas ir iekļauts tavā HTML dokumentā.
Šeit mēs izmantosim atslēgvārdu var, lai deklarētu mainīgo. Izveidosim mainīgo ar nosaukumu W un piešķirsim sākotnējo vērtību.
var uzvedība
Tipiska var uzvedība ir tā, ka mainīgais ir redzams pat tad, ja tu to inicializē vēlāk kodā. Pārbaudīsim to:
Es pievienošu konsoles izdruku C pirms inicializācijas. Sagaidiet rezultātu, kad es mainīgo C iestatu uz 0. Izdruku jāparādās undefined, jo vērtība tiek iestatīta tikai pēc piešķiršanas rindiņas.
Ieviešana let
Tagad aplūkosim let. Lai parādītu atšķirību, nomainīsim var uz let un inicializēsim mainīgo C uz let C = 0.
Ja es mēģināšu izmantot C pirms piešķiršanas, es saņemšu kļūdas ziņojumu, ka piekļuvi neinicializētam mainīgajam. Šī uzvedība garantē, ka tu vienmēr saņemsi kļūdu, ja mēģināsi piekļūt nenoteiktam mainīgajam.
Bloku apjoms ar let
Vēl viena let priekšrocība ir iespēja deklarēt mainīgo iekšējā blokā. Izmantosim if-statement tam:
Ja es izveidoju let C = -1 iekš if-blokā, šis mainīgais ir redzams tikai šajā blokā. Ja es mēģināšu izmantot C ārpus bloka, es saņemšu kļūdu.
const izmantošana
Nākamais solis ir const izmantošana. Ja es izmantotu const vietā let, es izveidotu nemainīgu mainīgo, kuru vairs nevar mainīt.
Ja es mēģināju vēlreiz piešķirt C pēc piešķiršanas const C = 0, man tiks parādīts, ka es nevaru piešķirt jaunu vērtību nemainīgam mainīgajam.
Nemainīgi objekti ar const
Ja mēs izmantojam const, lai deklarētu objektu, objekts pašreiz tiek mainīts, bet ne atsauce. Es varu pievienot elementus objektam, nesaskaroties ar papildu problēmām.
Labākās prakses izmantošana let un const
Pamatojoties uz savu pieredzi, es iesaku, ka noklusējuma iestatījums ir const, ja vien tu neesi pārliecināts, ka mainīgā vērtība vēlāk būs jāpārmaina. Šī prakse nodrošina labāk lasāmu un apkopjamu kodu.
Izmanto let, ja ir nepieciešams mainīt vērtību iekš blokā. Piemērs varētu būt skaitīšanas mainīgais cilpā.
Kopsavilkums – Mainīgo deklarēšana JavaScript: let un const pret var
Kopsavilkuma mēs izpētījām atšķirības starp var, let un const. let un const piedāvā būtiskus uzlabojumus attiecībā uz apjomu un mainīgo drošību. Kamēr var ir globāls vai funkcijas lokāls, let un const garantē redzamību iekš blokos. Turklāt const nodrošina piešķiršanas nemainīgumu, kas samazina kļūdas un negaidītas uzvedības kodā.
Biežāk uzdotie jautājumi
Kā deklarēt mainīgo JavaScript?Tu vari deklarēt mainīgo JavaScript, izmantojot atslēgvārdus var, let vai const.
Kāda ir atšķirība starp let un var?let ļauj deklarēt mainīgos, kas tikai iekš blokiem ir redzami, kamēr var ir globāli redzams.
Kad man vajadzētu izmantot const?const jāizmanto, ja tu esi pārliecināts, ka mainīgā vērtība programmas izpildes laikā netiks mainīta.
Kas notiek, ja es mēģināšu piešķirt jaunu vērtību konstantai?Tu saņemsi kļūdu, jo const mainīgais nevar tikt mainīts.
Vai es varu mainīt objektus ar const?Jā, tu vari mainīt objekta īpašības, kas deklarēts ar const, taču ne pašu objektu.
