Zmienne i typy danych w JavaScripcie: var, let i const

W tym rozdziale zajmiemy się podstawami obsługi zmiennych i typów danych w JavaScripcie. Zobaczysz, jak deklarować i wykorzystywać zmienne oraz jakie typy danych są dostępne i jak nimi operować. Zrozumienie tych podstaw jest niezbędne, żeby pisać skuteczny i łatwy w utrzymaniu kod w JavaScripcie.

Deklarowanie zmiennych w JavaScripcie

Zmienna w JavaScripcie to pojemnik, w którym możesz przechować wartość. Żeby zadeklarować zmienną, użyj następującej składni:

let maVariable;

Tak deklaruje się zmienną o nazwie „maVariable”, która nie ma jeszcze żadnej wartości. Możesz też zadeklarować zmienną i od razu przypisać jej wartość początkową operatorem przypisania (=):

let maVariable = 5;

W JavaScripcie zmienne deklaruje się trzema słowami kluczowymi: var, let i const. Słowo var jest najstarsze i towarzyszy językowi od jego początków. Słowo let pojawiło się w standardzie ECMAScript 6 (ES6) i stało się zalecanym sposobem deklarowania zmiennych. Słowo const, wprowadzone w ES6 razem z nim, służy do deklarowania zmiennych, którym nie można przypisać nowej wartości po ustaleniu wartości początkowej.

Ważne jest, aby dobrać słowo kluczowe deklaracji do przewidywanego użycia zmiennej. Jeśli planujesz ponownie przypisać wartość zmiennej (na przykład ją zwiększać lub zmniejszać), użyj słowa kluczowego let. Jeśli chcesz, aby zmienna miała stałą wartość, której nie można zmienić, użyj słowa kluczowego const. Słowo kluczowe var ignoruje natomiast zasięg blokowy: zmienna var zadeklarowana w if lub w pętli pozostaje widoczna w całej funkcji, która ją zawiera, albo w całym skrypcie, jeśli jest zadeklarowana poza funkcją. To źródło trudnych do wykrycia błędów: zostaw je dla starego kodu.

Typy danych w JavaScripcie

W zmiennych JavaScriptu możesz przechowywać kilka typów danych:

• Liczby: JavaScript ma jeden typ danych dla liczb, obejmujący zarówno liczby całkowite, jak i zmiennoprzecinkowe. Zmienną z liczbą zadeklarujesz tak:

let maVariable = 5;

• Łańcuchy znaków: łańcuch znaków to ciąg znaków otoczony cudzysłowami. Możesz użyć apostrofów albo cudzysłowów prostych, ale zalecane są apostrofy, żeby nie mylić ich z cudzysłowem zamykającym łańcuch. Zmienną z łańcuchem znaków zadeklarujesz tak:

let maChaine = 'Ma variable est une chaine de caractères';

let maChaine = 'Chaque matin, j\'écoute la radio';
// albo, czytelniej: cudzysłowy
let maChaine2 = "Chaque matin, j'écoute la radio";

• Wartości logiczne: typ logiczny przyjmuje jedną z dwóch wartości: prawda albo fałsz. Zmienną logiczną zadeklarujesz tak:

let estVrai = true;

• Null i undefined: słowo kluczowe null oznacza celowo pustą wartość, a undefined, wartość niezdefiniowaną. Używa się ich najczęściej po to, żeby zaznaczyć, że zmienna nie została jeszcze zainicjowana albo że nie ma poprawnej wartości. Zmienną z wartością null lub undefined zadeklarujesz tak:

let maVariable = null;
let monAutreVariable = undefined;

Zmienne globalne i lokalne

W JavaScripcie zmienna zadeklarowana poza wszystkimi funkcjami to zmienna globalna: sięgniesz po nią z dowolnego miejsca w kodzie. Zmienna zadeklarowana wewnątrz funkcji to zmienna lokalna i jest dostępna wyłącznie w tej funkcji.

// Zmienna globalna
var globalVariable = "Je suis une variable globale";

function myFunction() {
  // Zmienna lokalna
  var localVariable = "Je suis une variable locale";

console.log(globalVariable); // Wyświetla "Je suis une variable globale"
  console.log(localVariable); // Wyświetla "Je suis une variable locale"
}

console.log(globalVariable); // Wyświetla "Je suis une variable globale"
console.log(localVariable); // Zgłasza błąd, bo zmienna nie jest dostępna poza funkcją

Podsumowanie

W tym rozdziale zobaczyliśmy, jak deklarować i wykorzystywać zmienne w JavaScripcie oraz jakie typy danych są dostępne i jak nimi operować. Przyjrzeliśmy się też różnicom między słowami kluczowymi var, let i const oraz pojęciom zmiennych globalnych i lokalnych. Z tymi podstawami możesz już świadomie korzystać ze zmiennych w swoich javascriptowych projektach.