JavaScript zmienne – czy na pewno wiesz, jak ich używać?

Zmienne to podstawa każdego języka programowania, a JavaScript nie jest wyjątkiem. Umożliwiają przechowywanie danych i operowanie nimi w kodzie. W tym artykule omówimy różne sposoby deklarowania zmiennych, ich zakres oraz podamy liczne javascript zmienne przykłady, które pomogą Ci lepiej zrozumieć ich działanie.

Jak deklarować zmienne w JavaScript?

W JavaScript mamy trzy sposoby na deklarowanie zmiennych: var, let i const. Każdy z nich ma swoje specyficzne cechy i zastosowania.

Var – sposób na deklarację zmiennej (ale czy najlepszy?)

Kiedyś jedyną opcją było var. Jednak dziś jego użycie jest odradzane na rzecz nowocześniejszych metod.

var imie = "Jan";
console.log(imie);

Problem z var polega na tym, że zmienna zadeklarowana w bloku kodu jest nadal dostępna poza nim, co może prowadzić do nieoczekiwanych błędów.

Let – nowoczesny sposób na zmienne

Wprowadzone w ES6 let pozwala na bezpieczniejszą deklarację zmiennych.

let nazwisko = "Kowalski";
nazwisko = "Nowak"; // Można zmieniać wartość zmiennej
console.log(nazwisko);

Zmienne zadeklarowane z let mają blokowy zakres, co oznacza, że istnieją tylko wewnątrz bloku, w którym zostały zadeklarowane.

Const – stałe wartości

Jeśli wiesz, że wartość zmiennej nie powinna się zmieniać, użyj const.

const wiek = 30;
wiek = 31; // Spowoduje błąd!
console.log(wiek);

Stałe deklarowane przez const nie mogą być ponownie przypisane.

Hoisting – czyli jak JavaScript traktuje zmienne

Warto wiedzieć, że JavaScript „podnosi” deklaracje zmiennych na górę zakresu (hoisting), ale tylko dla var.

console.log(liczba); // Undefined, ale nie błąd!
var liczba = 10;

W przypadku let i const hoisting również działa, ale próba użycia zmiennej przed jej deklaracją powoduje błąd.

Zakres zmiennych – globalny i lokalny

Zmienne mogą mieć różny zakres:

• Globalny – dostępne w całym skrypcie
• Lokalny – dostępne tylko wewnątrz funkcji
• Blokowy – dostępne tylko w obrębie konkretnego bloku kodu

function test() {
    let lokalna = "Jestem lokalna!";
    console.log(lokalna);
}
console.log(lokalna); // Błąd!

Zmienne w obiektach i tablicach

Zmienne mogą przechowywać różne typy danych, w tym obiekty i tablice:

const osoba = {
    imie: "Anna",
    wiek: 25
};

const liczby = [1, 2, 3, 4, 5];

console.log(osoba.imie);
console.log(liczby[0]);

Obiekty i tablice deklarowane jako const mogą być zmieniane wewnętrznie, ale nie można przypisać do nich nowej wartości.

Podsumowanie

Zmienne w JavaScript to kluczowy element języka, a ich odpowiednie użycie pozwala pisać bardziej czytelny i bezpieczny kod. Znajomość javascript zmienne przykłady pomoże Ci unikać błędów i efektywnie wykorzystywać potencjał języka!