V tomto tutoriále sa zaoberáme rôznymi metódami deklarácie premenných v JavaScripte, najmä kľúčovými slovami let a const štandardu ES6 v porovnaní s var, ktoré do ES5 predstavovalo jediný spôsob, ako vytvárať premenné. Mnohí vývojári sa pri používaní var stretli s neočakávanými javmi, ktoré viedli k chybám. Táto lekcia ti pomôže pochopiť moderné metódy a zabezpečiť, aby si efektívne deklaroval a používal premenné.
Hlavné zistenia
Nové deklarácie premenných let a const ponúkajú výhody z hľadiska rozsahu, viditeľnosti a bezpečnosti používania premenných. let umožňuje používanie premennej v rámci blokového rozsahu, zatiaľ čo const vytvára nemenné priradenie.
Pokyny krok za krokom
Deklarácia premenných
Aby sme efektívne pracovali s premennými v JavaScripte, najprv preskúmame deklaráciu premenných pomocou var, let a const. Začneme s súborom main.js, ktorý je zahrnutý v tvojom HTML dokumente.
Tu využijeme kľúčové slovo var na deklaráciu premennej. Vytvorme premennej s názvom W a priradíme počiatočnú hodnotu.
Správanie var
Typickým správaním var je, že premenná je viditeľná aj v prípade, že ju inicializuješ až neskôr v kóde. Poďme to otestovať:
Pridám konzolovú výstupnú hodnotu C pred inicializáciou. Očakávaj výsledok, keď nastavím premennú C na 0. Vo výstupe by sa malo zobraziť undefined, pretože hodnota sa nastaví až po riadku priradenia.
Úvod do let
Teraz sa pozrieme na let. Aby sme ukázali rozdiel, nahradíme var let a inicializujeme premennú C s let C = 0.
Keď sa pokúsim použiť C pred priradením, dostanem chybové hlásenie, že pristupujem k neinicializovanej premennej. Toto správanie zabezpečuje, že vždy dostaneš chybu, keď sa pokúsiš pristupovať k nedefinovanej premennej.
Blokový rozsah s let
Ďalšou výhodou let je, že umožňuje deklaráciu premennej v rámci blokového rozsahu. Pre tento účel použijeme podmienkovú vetu if:
Ak vytvorím let C = -1 v rámci bloku if, táto premenná je viditeľná len v rámci tohto blokového rozsahu. Ak sa pokúsim použiť C mimo bloku, dostanem chybu.
Použitie const
Ďalší krok je použitie const. Pokud bych použil const místo let, vytvořil bych konstantní proměnnou, kterou již nelze měnit.
Keď sa pokúsim priradiť C po priradení const C = 0, dostanem oznámenie, že nemôžem priradiť novú hodnotu konštantnej premennej.
Nemeniteľné objekty s const
Ak používame const na deklaráciu objektu, samotný objekt sa stále dá meniť, avšak nie referenčná hodnota. Môžem pridať prvky do objektu bez ďalších problémov.
Najlepšie praktiky pre používanie let a const
Na základe mojich skúseností odporúčam používať predvolene const, pokiaľ si nie si istý, že hodnota premennej sa neskôr musí zmeniť. Táto prax vedie k lepšie čitateľnému a udržateľnému kódu.
Používaj let, ak je potrebné zmeniť hodnotu v rámci blokového rozsahu. Príkladom by mohla byť počítacia premenná vo cykle.
Zhrnutie – Deklarácia premenných v JavaScripte: let a const verzus var
Na záver sme preskúmali rozdiely medzi var, let a const. let a const ponúkajú podstatné zlepšenia z hľadiska rozsahu a bezpečnosti premenných. Kým var je globálny alebo funkčný, let a const zabezpečujú viditeľnosť v rámci blokového rozsahu. Okrem toho const zaisťuje nemennosť priradenia, čo znižuje chyby a neočakávané správanie v kóde.
Často kladené otázky
Kako da deklarujem promenljivu u JavaScriptu?Môžeš deklarovať premennú v JavaScripte pomocou kľúčových slov var, let alebo const.
Aký je rozdiel medzi let a var?let umožňuje deklaráciu premenných, ktoré sú viditeľné iba v rámci blokového rozsahu, zatiaľ čo var je viditeľný globálne.
Kedy by som mal používať const?const by sa malo používať, ak si si istý, že hodnota premennej sa počas vykonávania programu nemá meniť.
Čo sa stane, ak sa pokúsim priradiť konštantu?Dostaneš chybu, pretože const premenná nemôže byť zmenená.
Môžem meniť objekty s const?Áno, môžeš meniť vlastnosti objektu, ktorý bol deklarovaný s const, ale nie referenciu na samotný objekt.
