Słowniczek — JavaScript
Po co się tego uczymy?
Zbiorcza ściąga wszystkich instrukcji i funkcji JavaScript poznanych w tym dziale — szybkie miejsce odniesienia, żeby nie szukać składni w konkretnej lekcji, gdy potrzebujesz jej "tu i teraz".
Teoria
| Nazwa | Opis / wyjaśnienie | Przykład składni |
|---|---|---|
let |
Deklaruje zmienną, której wartość może się zmieniać. | let cena = 10; |
const |
Deklaruje stałą — wartość niezmienna po przypisaniu. | const PI = 3.14; |
typeof |
Zwraca typ wartości jako tekst. | typeof cena |
=== / == |
Porównanie ścisłe (sprawdza też typ) / luźne (ignoruje typ — unikaj). | 5 === "5" // false |
if / else if / else |
Instrukcja warunkowa. | if (x > 0) { ... } |
for |
Pętla licznikowa. | for (let i=0; i<10; i++) {} |
while |
Pętla warunkowa — powtarza się, dopóki warunek jest prawdziwy. | while (x < 10) {} |
for...of |
Pętla po elementach tablicy. | for (const x of tablica) {} |
function |
Klasyczna deklaracja funkcji. | function suma(a,b){ return a+b; } |
Funkcja strzałkowa => |
Skrócony, nowoczesny zapis funkcji. | const suma = (a,b) => a+b; |
addEventListener |
Podpina obsługę zdarzenia (np. kliknięcia) pod element. | el.addEventListener("click", fn); |
event.preventDefault() |
Blokuje domyślne zachowanie zdarzenia (np. wysłanie formularza). | event.preventDefault(); |
document.getElementById |
Wybiera JEDEN element po atrybucie id. |
document.getElementById("x"); |
querySelector / querySelectorAll |
Wybiera pierwszy / wszystkie elementy pasujące do selektora CSS. | document.querySelector(".karta"); |
textContent |
Odczyt/zmiana zwykłego tekstu elementu. | el.textContent = "Nowy tekst"; |
innerHTML |
Odczyt/zmiana treści elementu jako HTML. | el.innerHTML = "<b>Tekst</b>"; |
style |
Bezpośrednia zmiana pojedynczej właściwości CSS elementu. | el.style.color = "red"; |
classList.add/remove/toggle |
Dodaje / usuwa / przełącza klasę CSS elementu. | el.classList.toggle("aktywny"); |
createElement |
Tworzy nowy element (jeszcze niewidoczny na stronie). | document.createElement("li"); |
appendChild |
Wstawia utworzony element na koniec rodzica. | rodzic.appendChild(dziecko); |
remove() |
Usuwa element ze strony. | el.remove(); |
localStorage.setItem/getItem |
Trwały zapis/odczyt danych w przeglądarce (przetrwa przeładowanie). | localStorage.setItem("k","v"); |
setTimeout |
Wykonuje funkcję JEDEN raz po podanym czasie (w milisekundach). | setTimeout(fn, 3000); |
setInterval |
Wykonuje funkcję CYKLICZNIE co podany czas. | setInterval(fn, 1000); |
Math.random() |
Losowa liczba zmiennoprzecinkowa z przedziału 0-1. | Math.random(); |
Math.floor() |
Zaokrągla liczbę w dół do pełnej liczby całkowitej. | Math.floor(3.7); // 3 |
array.push() |
Dodaje nowy element na koniec tablicy. | tablica.push("nowy"); |
console.log() |
Wypisuje wartość do konsoli przeglądarki (do debugowania). | console.log(zmienna); |