JavaScript jest jednym z najpopularniejszych języków programowania do tworzenia stron internetowych. Aby efektywnie z nim pracować, warto rozumieć podstawowe koncepcje: zmienne, funkcje i zakresy. Te pojęcia określają, jak dane są przechowywane i przekazywane w programie, a także które części kodu mają dostęp do określonych zmiennych.
Zmienne w JavaScript
W JavaScript istnieją trzy sposoby zadeklarowania zmiennej: var, let i const. Każdy z nich ma swoje szczególne cechy.
var oldVariable = "To jest przestarzały sposób deklarowania zmiennych";
let modernVariable = "Zalecane dla zmiennych, które mogą się zmieniać (heheszki)";
const constantVariable = "To jest stała, nie można jej nadpisać";
var ma funkcjonalny zakres i podlega hoistingowi, co może powodować nieoczekiwane błędy:
console.log(value); // undefined
var value = 10;
Zmienna value istnieje w pamięci jeszcze przed wykonaniem kodu, ale nie ma wartości. To stwarza potencjalne problemy, dlatego var jest rzadko używane.
let ma blokowy zakres, dlatego lepiej nadaje się do nowoczesnego kodu:
if (true) {
let number = 42;
}
console.log(number); // Błąd: number nie jest zdefiniowana
const jest używane dla wartości, które się nie zmieniają:
const PI = 3.14;
PI = 3.1415; // Błąd: przypisanie nowych wartości niemożliwe
Funkcje w JavaScript
Funkcje pozwalają na strukturyzację kodu i uczynienie go wielokrotnego użytku. Istnieje kilka sposobów ich deklaracji:
function classicFunction() {
return "To jest klasyczna funkcja";
}
const arrowFunction = () => "To jest funkcja strzałkowa";
Funkcje mogą przyjmować argumenty i zwracać wartości:
function add(a, b) {
return a + b;
}
console.log(add(2, 3)); // 5
Funkcje strzałkowe są często używane w nowoczesnym JavaScript z powodu krótszej składni:
const multiply = (a, b) => a * b;
console.log(multiply(4, 5)); // 20