O zmiennych w JavaScript słów kilka

W JavaScript istnieje kilka różnych sposobów deklaracji zmiennych, takich jak let, var, i const. Każde z tych słów kluczowych ma swoje własne cechy i zastosowania. Kiedy więc warto używać jakich „zmiennych”?

Najczęściej spotykana w przykładach kodu, i chyba najczęściej używana przez osoby niezwiązane z frontem jest – var: Zmienna widoczna w całym zakresie funkcji.
Zmienna zadeklarowana za pomocą var jest widoczna w całym zakresie funkcji, ale nie jest ograniczona do bloku.

function exampleVar() {
  if (true) {
    var x = 10;
  }
  console.log(x); // 10
}

Zmienne zadeklarowane za pomocą var są hoistowane, co oznacza, że można je zadeklarować po ich użyciu.

console.log(y); // undefined
var y = 5;

var jest rzadko używane w nowoczesnym JavaScript ze względu na swoje specyficzne zachowanie.

Kolejnym typem, używanym już czasami w nowszych projektach, jest let: Zmienna widoczna w bloku.
Zmienna zadeklarowana za pomocą let jest widoczna tylko w zakresie bloku, w którym została zadeklarowana.

function exampleLet() {
  if (true) {
    let y = 10;
  }
  console.log(y); // ReferenceError: y is not defined
}

Zmienne zadeklarowane za pomocą let 2 są hoistowane, co sprawia, że kod jest bardziej przewidywalny.

console.log(z); // ReferenceError: z is not defined
let z = 5;

let jest zazwyczaj zalecane do deklaracji zmiennych w JavaScript, ponieważ pomaga unikać potencjalnych problemów związanych z zasięgiem i hoistingiem. Kiedy warto z niej korzystać? Gdy spodziewamy się, że wartość zmiennej może się zmienić, na przykład musząc w wielu pętlach szukać elementu do przełącznika. Oczywiście znane są też inne sposoby rozwiązywania takich problemów, min hooki – jednak nie zmienia to faktu, że w naszych projektach frontendowych, bardzo rzadko, ale znajdują się let-y, używane w konkretnych przypadkach.

I ostatnia zmienna, używana tak naprawdę najczęściej ze wszystkich, w aplikacjach które tworzymy jest – const: Stała, która nie może zmieniać swojej wartości.

Zmienna zadeklarowana za pomocą const musi być zainicjowana w momencie deklaracji, a jej wartość nie może być później zmieniana.

const pi = 3.14159;
pi = 4; // TypeError: Assignment to constant variable.

const ma również zakres blokowy, co oznacza, że jest widoczne tylko w obrębie bloku, w którym zostało zadeklarowane.

if (true) {
  const myVar = 42;
}
console.log(myVar); // ReferenceError: myVar is not defined

const jest najlepszym wyborem, gdy wiemy, że zmienna nie powinna zmieniać swojej wartości w czasie działania programu. A dlaczego korzystamy z niej najczęściej? To proste – przy pracy z hookami lub pobieraniem danych z reduxa, wartości które dostajemy, przypisujemy do consta, by nigdzie ich nie nadpisywać.

Podsumowanie:
var jest rzadko używane w nowoczesnym JavaScript ze względu na swoje specyficzne zachowanie. Zaleca się korzystanie z let i const zamiast niego.
let jest przydatne, gdy potrzebujemy zmiennych o zmiennym zasięgu w obrębie bloku.
const jest używane do deklaracji stałych, których wartość nie powinna się zmieniać.

Warto wybierać odpowiednie słowo kluczowe w zależności od potrzeb projektu, aby uniknąć problemów związanych z zasięgiem i zachowaniem zmiennych. Trzeba znać i rozumieć narzędzia z którymi się pracuje

O zmiennych w JavaScript słów kilka