Declarația variabilelor în JavaScript: let și const explicate

În acest tutorial ne ocupăm cu diferitele metode de declarație a variabilelor în JavaScript, în special cu cuvintele cheie let și const din standardul ES6 în comparație cu var, care până la ES5 era singura modalitate de a crea variabile. Mulți dezvoltatori s-au confruntat cu comportamente neașteptate atunci când foloseau var, ceea ce a dus la erori. Această lecție te va ajuta să înțelegi metodele moderne și să te asiguri că declari și folosești variabilele în mod eficient.

Cele mai importante descoperiri

Noile declarații de variabile let și const oferă avantaje în ceea ce privește scopul, vizibilitatea și siguranța utilizării variabilelor. let permite utilizarea unei variabile în cadrul unui bloc, în timp ce const creează o atribuire neschimbabilă.

Ghid pas cu pas

Declarația variabilelor

Pentru a lucra eficient cu variabile în JavaScript, vom studia mai întâi declarația variabilelor folosind var, let și const. Să începem cu fișierul main.js, care este inclus în documentul tău HTML.

Aici vom folosi cuvântul cheie var pentru a declara o variabilă. Să creăm o variabilă numită W și să-i atribuim o valoare inițială.

Comportamentul var

Un comportament tipic al var este că variabila este vizibilă chiar și atunci când este inițializată mai târziu în cod. Hai să testăm asta:

Voi adăuga o ieșire în consolă a lui C înainte de inițializare. Așteaptă rezultatul când voi seta variabila C la 0. În ieșire ar trebui să apară undefined, deoarece valoarea este setată abia după linia de atribuire.

Introducerea lui let

Acum să ne uităm la let. Pentru a arăta diferența, înlocuiește var cu let și inițializează variabila C direct cu let C = 0.

Când încerc să folosesc C înainte de atribuire, primesc un mesaj de eroare că accesez o variabilă neinițializată. Acest comportament face ca întotdeauna să obții o eroare atunci când încerci să accesezi o variabilă nedefinită.

Blockscope cu let

Un alt avantaj al lui let este posibilitatea de a declara o variabilă în cadrul unui scop bloc. Să folosim o instrucțiune if pentru asta:

Dacă creez let C = -1 în interiorul blocului if, această variabilă este vizibilă doar în cadrul acestui scop bloc. Dacă încerc să folosesc C în afara blocului, voi primi o eroare.

Utilizarea lui const

Următorul pas este utilizarea lui const. Dacă aș folosi const în loc de let, aș crea o variabilă constantă care nu poate fi modificată.

Dacă încerc să îi atribui din nou lui C după atribuire const C = 0, mi se va arăta că nu pot atribui o valoare nouă unei variabile constante.

Obiecte neschimabile cu const

Atunci când folosim const pentru a declara un obiect, obiectul în sine poate fi în continuare modificat, dar nu referința. Pot adăuga elemente obiectului, fără probleme suplimentare.

Practici recomandate pentru utilizarea lui let și const

Pe baza experienței mele, recomand să folosești const în mod implicit, cu excepția cazului în care ești sigur că valoarea variabilei trebuie modificată mai târziu. Această practică duce la un cod mai ușor de citit și întreținut.

Folosește let atunci când este necesar să schimbi valoarea într-un scop bloc. Un exemplu ar putea fi o variabilă de numărare într-un ciclu.

Rezumat – Declarația variabilelor în JavaScript: let și const comparativ cu var

În rezumat, am studiat diferențele dintre var, let și const. let și const oferă îmbunătățiri esențiale în ceea ce privește scopul și siguranța variabilelor. În timp ce var este global sau local funcției, let și const asigură vizibilitatea în cadrul unui scop bloc. De asemenea, const garantează neschimbabilitatea atribuției, ceea ce reduce erorile și comportamentul neașteptat în cod.