Változók, Típusok és Függvények
Ahhoz, hogy a JavaScripttel okos dolgokat tudjunk csinálni, meg kell tanulnunk, hogyan tároljunk adatokat a számítógép memóriájában, és hogyan írjunk olyan kódokat, amiket többször is fel tudunk használni.
Változók: A felcímkézett dobozok
Képzelj el egy változót úgy, mint egy üres kartondobozt. Ráírsz egy nevet filctollal (ez a változó neve), és beleteszel valamilyen adatot (ez az értéke). Később, ha szükséged van az adatra, csak a doboz nevét kell mondanod a gépnek.
A modern JavaScriptben kétféleképpen hozhatunk létre dobozokat:
// A 'let' olyan doboz, aminek a tartalmát később kicserélheted
let jatekosNeve = "Péter";
jatekosNeve = "Anna"; // Ez teljesen rendben van, a doboz új tartalmat kapott
// A 'const' (konstans) egy lezárt doboz. Ha egyszer beletettél valamit, nem változtathatod meg!
const szuletesEv = 1990;
// szuletesEv = 1995; // HIBA! A böngésző piros hibaüzenetet fog dobni.
Tipp kezdőknek: Régebbi oktatóanyagokban találkozhatsz a var szóval is. Ezt ma már ne használd, mert sok logikai hibát okozhat a kódban. Használj mindig const-ot, és csak akkor válts let-re, ha tudod, hogy az érték később változni fog!
Adattípusok: Mit tehetünk a dobozba?
A JavaScript többféle adatot is felismer:
- String (Szöveg): Mindig idézőjelek vagy aposztrófok közé kell tenni. Pl.:
"Szia világ" - Number (Szám): Idézőjel nélkül írjuk, lehet egész vagy tizedestört. Pl.:
42vagy3.14 - Boolean (Logikai): Csak két értéke lehet:
true(igaz) vagyfalse(hamis). Olyan, mint egy villanykapcsoló.
Függvények (Functions): A konyhai receptek
Ha van egy kódod, ami kiszámolja egy termék áfáját, nem akarod ezt a kódot százszor leírni. Ehelyett csinálsz belőle egy függvényt. A függvény olyan, mint egy recept: megírod egyszer, adsz neki egy nevet, és utána bármikor "lefőzheted", amikor csak akarod.
// 1. Megírjuk a receptet (Létrehozzuk a függvényt)
function kosonTisztelettel(nev) {
let uzenet = "Üdvözlöm, tisztelt " + nev + "!";
alert(uzenet); // Ez egy felugró ablakot dob a képernyőre
}
// 2. Lefőzzük a receptet (Meghívjuk a függvényt)
kosonTisztelettel("Kovács Úr");
kosonTisztelettel("Nagy Asszony");
A fenti példában a nev egy paraméter. Olyan, mint egy üres hely a receptben, amit akkor töltünk ki konkrét hozzávalóval (pl. "Kovács Úr"), amikor meghívjuk a függvényt.