W języku JavaScript, zmienne są podstawowymi elementami przechowywania danych. Od ES6 (ECMAScript 2015), let
i const
są preferowanymi sposobami deklaracji zmiennych, zastępując słowo kluczowe var
dzięki lepszemu zarządzaniu zasięgiem i bezpieczeństwu. W tej lekcji przyjrzymy się, jak używać let
i const
do tworzenia zmiennych oraz jakie są między nimi różnice.
Przykład kodu
Poniżej znajduje się kompletny przykład pliku HTML z JavaScript, ilustrujący użycie let
i const
.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tworzenie zmiennych w JavaScript</title>
</head>
<body>
<h3>Przykłady użycia <code>let</code> i <code>const</code> w JavaScript</h3>
<script>
// Użycie 'let' do deklaracji zmiennej, która może zmienić wartość
let age = 25; // Początkowa wartość wieku
console.log('Początkowy wiek:', age);
age = 26; // Zmiana wartości wieku
console.log('Zaktualizowany wiek:', age);
// Użycie 'const' do deklaracji stałej, której wartość nie może się zmienić
const birthYear = 1995; // Rok urodzenia jest stały
console.log('Rok urodzenia:', birthYear);
// Próba zmiany wartości stałej spowoduje błąd
// birthYear = 1996; // To spowoduje błąd: TypeError
// 'let' pozwala również na deklarację zmiennej bez inicjalizacji
let height; // Zmienna 'height' jest zadeklarowana, ale nie zainicjalizowana
console.log('Wysokość:', height); // Wyświetli 'undefined'
height = 180; // Teraz zmienna 'height' jest inicjalizowana
console.log('Zaktualizowana wysokość:', height);
</script>
</body>
</html>
W powyższym przykładzie:
- Używamy
let
do deklaracji zmiennejage
, której wartość może się zmieniać. Jest to przykład zmiennej, która może przyjmować różne wartości w czasie życia programu. - Używamy
const
do deklaracji stałejbirthYear
, której wartość nie powinna się zmieniać po przypisaniu. Próba zmiany wartości zmiennej zadeklarowanej za pomocąconst
skutkuje błędem. - Zmienna
height
jest przykładem deklaracji bez inicjalizacji, co jest możliwe przy użyciulet
. Wartość takiej zmiennej, do momentu jej inicjalizacji, jestundefined
.
Podsumowanie
Zrozumienie różnic między let
i const
oraz kiedy ich używać, jest kluczowe dla pisania czystego i bezpiecznego kodu JavaScript. let
jest używane, gdy spodziewamy się, że wartość zmiennej będzie się zmieniać, natomiast const
stosujemy w przypadku wartości, które mają pozostać stałe przez cały czas trwania programu. Pamiętanie o tych zasadach pomoże w zapobieganiu błędom związanym z niezamierzoną zmianą danych.
Jeżeli chcesz przyśpieszyć swoją naukę tworzenia stron chciałbym polecić mój kurs JavaScript od podstaw w którym nauczysz się tego języka od podstaw do zaawansowanych jego aspektów.