Variabelldeklaration i JavaScript: let och const förklarat

I den här handledningen kommer vi att titta på olika metoder för variabeldeklaration i JavaScript, särskilt på nyckelorden let och const från ES6-standarden i jämförelse med var, som fram till ES5 var det enda sättet att skapa variabler. Många utvecklare har stött på oväntade beteenden vid användning av var, vilket har lett till buggar. Denna lektion kommer att hjälpa dig att förstå de moderna metoderna och se till att du deklarerar och använder variabler effektivt.

Viktigaste insikter

De nya variabeldeklarationerna let och const erbjuder fördelar när det gäller scope, synlighet och säkerhet vid användning av variabler. let tillåter användning av en variabel inom en blockscope, medan const skapar en oföränderlig tilldelning.

Steg-för-steg-guide

Deklaration av variabler

För att arbeta effektivt med variabler i JavaScript kommer vi först att undersöka deklaration av variabler med hjälp av var, let och const. Låt oss börja med filen main.js som är kopplad till ditt HTML-dokument.

Här kommer vi att använda nyckelordet var för att deklarera en variabel. Låt oss skapa en variabel med namnet W och tilldela den ett initialvärde.

Beteende av var

En typisk beteende av var är att variabeln är synlig även om du först initierar den senare i koden. Låt oss testa detta:

Jag kommer att göra en konsolutmatning av C före initialiseringen. Förvänta dig resultatet när jag sätter variabeln C till 0. I utmatningen bör undefined visas, eftersom värdet sätts först efter raden av tilldelningen.

Introduktion av let

Nu ska vi titta på let. För att visa skillnaden, ersätt var med let och initialisera variabeln C direkt med let C = 0.

När jag försöker använda C före tilldelningen får jag ett felmeddelande om att jag försöker komma åt en icke-initialiserad variabel. Detta beteende säkerställer att du alltid får ett fel när du försöker komma åt en icke-definierad variabel.

Blockscope med let

En annan fördel med let är möjligheten att deklarera en variabel inom en blockscope. Låt oss använda en if-sats för detta:

När jag skapar let C = -1 inom if-blocket är den här variabeln endast synlig inom denna blockscope. Om jag försöker använda C utanför blocket får jag ett fel.

Användning av const

Nästa steg är att använda const. Om jag skulle använda const istället för let skulle jag skapa en konstant variabel som inte kan ändras.

När jag försöker tilldela C efter tilldelningen const C = 0 får jag ett meddelande om att jag inte kan tilldela ett nytt värde till en konstant variabel.

Oföränderliga objekt med const

När vi använder const för att deklarera ett objekt kan själva objektet fortfarande ändras, men inte referensen. Jag kan lägga till element i objektet utan några problem.

Bästa praxis för användning av let och const

Baserat på min erfarenhet rekommenderar jag att alltid använda const om du inte är säker på att värdet av variabeln behöver ändras senare. Denna praxis leder till mer läsbar och underhållbar kod.

Använd let när det är nödvändigt att ändra värdet inom en blockscope. Ett exempel kan vara en räknarvariabel i en loop.

Sammanfattning – Variabeldeklaration i JavaScript: let och const versus var

Sammanfattningsvis har vi undersökt skillnaderna mellan var, let och const. let och const erbjuder betydande förbättringar när det gäller scope och säkerhet för variabler. Medan var är globalt eller funktionslokalt säkerställer let och const synligheten inom en blockscope. Dessutom säkerställer const oföränderligheten av tilldelningen, vilket minskar buggar och oväntat beteende i koden.