V tem tutorialu se bomo ukvarjali z različnimi metodami za dekloracijo spremenljivk v JavaScriptu, zlasti s ključnimi besedami let in const ES6 standarda v primerjavi s var, ki je bila do ES5 edini način za ustvarjanje spremenljivk. Mnogi razvijalci so se pri uporabi var srečali z nepričakovanimi vedenji, ki so vodila do napak. Ta lekcija ti bo pomagala razumeti sodobne metode in poskrbeti, da boš učinkovito dekloriral in uporabljal spremenljivke.
Najpomembnejši ugotovitve
Nova dekloracija spremenljivk let in const ponuja prednosti glede obsega, vidnosti in varnosti uporabe spremenljivk. let omogoča uporabo spremenljivke znotraj blokovskega obsega, medtem ko const ustvari nespremenljivo dodelitev.
Korak za korakom
Deklacija spremenljivk
Da bi učinkovito delali s spremenljivkami v JavaScriptu, bomo najprej preučili deklacijo spremenljivk z uporabo var, let in const. Začnimo s datoteko main.js, ki je vključena v tvojem HTML dokumentu.
Tukaj bomo uporabili ključne besede var za deklacijo spremenljivke. Ustvarimo spremenljivko z imenom W in ji dodelimo začetno vrednost.
Obnašanje var
Tipično obnašanje var je, da je spremenljivka vidna tudi takrat, ko jo inicializiraš šele pozneje v kodi. Preizkusimo to:
Prikazal bom izpis v konzoli za C pred inicializacijo. Pričakuj rezultat, ko nastavim spremenljivko C na 0. V izpisu bi se morala prikazati undefined, ker se vrednost nastavi šele po vrstici dodelitve.
Uvedba let
Zdaj si poglejmo let. Da pokažemo razliko, zamenjaj var z let in takoj inicializiraj spremenljivko C kot let C = 0.
Ko poskusim uporabiti C pred dodelitvijo, dobim sporočilo o napaki, da dostopam do nezaključene spremenljivke. To obnašanje poskrbi, da vedno dobiš napako, ko poskušaš dostopati do nedefinirane spremenljivke.
Blokovski obseg z let
Še ena prednost let je možnost deklacije spremenljivke znotraj blokovskega obsega. Uporabimo if stavek:
Ko ustvarim let C = -1 znotraj if-bloka, je ta spremenljivka vidna le znotraj tega blokovskega obsega. Ko poskušam uporabiti C zunaj bloka, dobim napako.
Uporaba const
N naslednjem koraku je uporaba const. Če bi uporabil const namesto let, bi ustvaril konstantno spremenljivko, ki se ne more več spreminjati.
Ko poskusim ponovno dodeliti C po dodelitvi const C = 0, mi bo prikazano, da ne morem dodeliti nove vrednosti konstantni spremenljivki.
Nespremenljivi objekti z const
Ko uporabljamo const za deklacijo objekta, se objekt sam lahko še naprej spreminja, vendar ne referenca. Lahko dodajam elemente objektu brez dodatnih težav.
Najboljše prakse za uporabo let in const
Na podlagi mojega znanja priporočam, da privzeto uporabljaš const, razen če si prepričan, da bo treba vrednost spremenljivke kasneje spremeniti. Ta praksa vodi do bolje berljivega in vzdržljivega kode.
Uporabi let, če je potrebno spremeniti vrednost znotraj blokovskega obsega. Primer bi lahko bila števec v zanki.
Sklep – Deklator spremenljivk v JavaScriptu: let in const proti var
Na kratko smo raziskali razlike med var, let in const. let in const ponujata bistvene izboljšave glede obsega ter varnosti spremenljivk. Medtem ko je var globalen ali lokalno v funkciji, let in const zagotavljata vidnost znotraj blokovskega obsega. Poleg tega const zagotavlja nespremenljivost dodelitve, kar zmanjšuje napake in nepričakovano vedenje v kodi.
Pogosta vprašanja
Kako deklatiram spremenljivko v JavaScriptu?Spremenljivko v JavaScriptu lahko deklatiraš s ključnimi besedami var, let ali const.
Kako pomembna je razlika med let in var?let omogoča deklacijo spremenljivk, ki so vidne le znotraj blokovskega obsega, medtem ko je var vidna globalno.
Kdaj naj uporabim const?const naj se uporablja, če si prepričan, da vrednosti spremenljivke med izvajanjem programa ne bo treba spremeniti.
Kaj se zgodi, če poskušam ponovno dodeliti konstantno spremenljivko?Dobite napako, saj spremenljivke const ni mogoče spremeniti.
Ali lahko spreminjam objekte, ki so bili deklarirani s const?Da, lahko spreminjaš lastnosti objekta, ki je bil deklariran s const, vendar ne referenco na sam objekt.
