hu en sv en hu it hu en hu de hu ja hu hu hu hu hu hu hu hu en hu hu en hu en hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu cs en hu hu hu hu hu hu hu cs en hu hu hu hu hu hu hu cs hu hu hu hu hu hu hu cs hu hu hu hu hu hu hu hu hu cs hu hu hu hu hu hu hu hu es es es tr en hu hu hu hu hu hu hu hu hu fr hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu hu en hu it hu en hu de hu ja hu hu hu hu hu es es es tr en hu
JavaScript változók és konstansok (var, let és const magyarul) - WEBiskola
Weboldalszerkesztő (HTML, CSS, JS kódszerkesztő) HTML-színkód generátor (Hexadecimális, RGB, HSL színkód kereső)
Ebben a JavaScript leckében megismerkedünk a változók fogalmával, szintaktikájával, illetve megtanuljuk használni őket. Továbbá említést teszünk egy speciális változófajtáról, amit magyarul konstansnak nevezhetünk. Megtanuljuk, hogy mi a különbség a “var”, a “let” és a “const” között.
A változók azt a célt szolgálják, hogy adatot tároljunk bennük. Az adat típusa bármilyen lehet, például szám, karakter, szöveg vagy logikai érték.
Leggyakrabban azért mentünk el valamit egy változóba, mert azt az értéket szeretnénk többször is felhasználni. Így a későbbiekben nem kell minden egyes alkalommal újból foglalkoznunk vele, azaz előállítanunk azt az értéket, szimplán csak elő kell szednünk a változónkból.
Nézzünk egy példát: ha van egy hosszú mondatunk, akkor azt nem kell minden alkalommal leírnunk, amikor használni szeretnénk, elég csak arra a változóra hivatkoznunk, amelyben eltároltuk a mondatunkat.
Az elmélet így nézne ki a fent említett esetben: legyen egy X nevű változónk, amelyben tároljuk ezt a szöveget: “Jó reggelt, hogy aludtál?“. Ha a későbbiekben (akár többször) kiakarjuk íratni ezt a szöveget, akkor nem kell annyiszor begépelnünk, ahányszor kiszeretnénk íratni, elég lesz minden esetben csak annyit írnunk helyette, hogy X.
Természetesen nem csak ebben az esetben használhatóak a változók, tárolhatunk bennük számokat, amelyekkel műveleteket végezhetünk. Tárolhatunk benne például életkort és ha a vizsgálat alapján 18 év alatti, akkor jogosult valamilyen kedvezményre.
A var, let, const története
2015 előtt csak a “var” kulcsszóval lehetett változót létrehozni (deklarálni) a JavaScript-ben.
Viszont 2015-ben a JavaScript ES6 verziójában bevezették a “const” kulcsszót, amellyel olyan változót lehet létrehozni, amelyet később nem lehet felülírni. Az ilyen típusú változókat konstansoknak nevezzük, olyan értékeket szoktunk konstansokban tárolni, amelyek sosem változnak. Például a hónapok nevei, ezek minden évben pontosan ugyanabban a sorrendben követik egymást és sosem változik a nevük sem.
Ezenfelül az ES6-al vezették be a “let” kulcsszót is, amely csak egy blokk hatókörben érvényes.
Van pár szabály, amit mindenképp be kell tartanunk a változónk elnevezése során:
a változók nevének kötelező egyedinek lennie
a változók nevének a hosszának kötelező minimum 1 karakterből állniuk, de akár többől is állhatnak
a változók nevei tartalmazhatnak karaktereket, számokat, aláhúzásokat és dollárjeleket
a változók nevei csak karakterrel, aláhúzással vagy dollárjellel kezdődhetnek, számmal nem
a nevek kis- és nagybetű érzékenyek (szóval a “JS” és a “js” két különböző változó)
a JavaScript előre lefoglalt kulcsszavait nem lehet használni (például let, var, const, if, break stb)
Egy változót elkészíteni nevetségesen egyszerű. Több módszer közül is választhatunk. Nézzük meg az elsőt, amikor már a változó létrehozásakor értéket adunk neki:
var/let/const NÉV = ÉRTÉK; Code language: JavaScript (javascript)
Fontos szem előtt tartanunk, hogy a változónkban tárolt érték típusától függ az érték megadásának a módja.
karakter esetében aposztrófot kell használni (például ‘A’)
szó, szöveg esetében idézőjelet kell használni (például “alma” vagy “Hogy vagy?”)
szám esetében semmi sem kell használnunk (például 6)
Természetesen szám esetében is használhatunk idézőjelet, de akkor a rendszer szövegként fogja kezelni, azaz nem fogunk tudni matematikai műveleteket végezni vele.
var eletkor = 18;   Code language: HTML, XML (xml)
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
Változó létrehozása kezdőérték nélkül
Illetve van még egy olyan megoldás, amikor először csak létrehozzuk a változót és majd utólag adunk neki értéket.
var/let/const NÉV; //tetszőleges kódok NÉV = ÉRTÉK; Code language: JavaScript (javascript)
Ilyenkor elsőnek létrehozunk a szokásos módon egy változót, de nem adunk neki kezdőértéket. Majd később már csak a nevét kell megadnunk és utána az értékét, ilyenkor már tilos megadnunk a változót létrehozó kulcsszót.
var eletkor; eletkor = 18;   Code language: HTML, XML (xml)
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
Több változó létrehozása egyszerre
Van még egy olyan lehetőségünk, hogy akár több változót is létrehozzunk egyszerre. Ezt így tehetjük meg:
var/let/const NÉV1 = ÉRTÉK, NÉV2 = ÉRTÉK, NÉV3 = ÉRTÉK; Code language: JavaScript (javascript)
Természetesen itt is megtehetjük azt, hogy nem adunk egyből értéket a változóknak, csak utólag tesszük meg azt.
var eletkor = 18, szuletesi_honap = "Június";   Code language: HTML, XML (xml)
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
Egy változó értékének a felülírása
A JavaScript-ben (és az összes programnyelvben) lehetőségünk van arra, hogy felülírjuk a már egyszer létrehozott változónk értékét. Ez a művelet akárhányszor végrehajtható.
var/let/const NÉV = ÉRTÉK1; //tetszőleges kódok NÉV = ÉRTÉK2; //tetszőleges kódok NÉV = ÉRTÉK3; //tetszőleges kódok NÉV = ÉRTÉK4; Code language: JavaScript (javascript)
Természetesen a változót bármely fentebb megadott módon deklarálhatjuk, az értékfelülírás minden esetben működni fog. Annyira kell odafigyelnünk, hogy a felülírások során ne adjuk meg a “var” , “let” vagy “const” kulcsszavakat, hiszen az csak akkor kell, ha egy új változót szeretnénk létrehozni, és jelenesetben már egy létezőt szeretnénk csak felülírni.
var eletkor = 18; //eltelt egy év eletkor = 19; //eltelt egy újabb év eletkor = 20;   Code language: HTML, XML (xml)
A változókkal rengeteg műveletet végezhetünk a JavaScipt-ben. Nézzünk párat a teljesség igénye nélkül:
kiírathatjuk a változók értékét
matematikai műveleteket végezhetünk a változókkal
A fent felsorolt műveleteket az alábbi példában szemléltetjük.
Szia, nyomd meg a gombokat sorban.   1. Kiíratás   2. Szorzás   3. Vizsgálat   4. Változtatás   6. Kiíratás   7. Szorzás   8. Vizsgálat    var szam1=5; var szam2=10; function kiirat() { document.getElementById("szoveg").innerHTML = "A két változó értéke: " + szam1 + " és " + szam2; } function szoroz() { document.getElementById("szoveg").innerHTML = "A szorzatuk: " + szam1*szam2; } function vizsgalat() { if (szam1 > szam2) { document.getElementById("szoveg").innerHTML = szam1 + " nagyobb, mint a " + szam2; } else if (szam2 > szam1) { document.getElementById("szoveg").innerHTML = szam2 + " nagyobb, mint a " + szam1; } else { document.getElementById("szoveg").innerHTML = szam1 + " és " + szam2 + " pontosan egyenlőek."; } } function valtoztat() { szam1 = 200; szam2 = 150; }     Code language: HTML, XML (xml)
Szia, nyomd meg a gombokat sorban.
1. Kiíratás 2. Szorzás 3. Vizsgálat 4. Változtatás 6. Kiíratás 7. Szorzás 8. Vizsgálat
>> Próbáld ki ezt a kódot az online weboldal szerkesztőnkben. <<
Ha hasznos volt számodra, akkor kérlek oszd meg másokkal is, hogy ezzel támogass minket!
PHP változók és konstansok fogalma, szintaxisa + példa létrehozásra, módosításra, lekérdezésre
PHP alapok (PHP webprogramozás alapjai kezdőknek)
JavaScript alapok (A JS programozás alapjai)
Tömbök a JavaScript-ben (Tömbök magyarázata, létrehozása, elemek hozzáadása, módosítása, törlése, indexelés, tömb hosszának megállapítása)
#JavaScript #JavaScript alapok #JavaScript alapok kezdőknek #javascript ismeretek #JavaScript programozás #JavaScript tananyag #JavaScript webfejlesztés #JavaScript webprogramozás #JS alapok #JS programozás #webfejlesztés #webprogramozás alapjai #webprogramozás alapok
Mi az a JavaScript? A JavaScript (JS) bemutatása
JavaScript használata (Hova rakjuk a JS kódot, hogyan kössük össze a HTML dokumentummal) – head, body, külső fájl
Milyen JavaScript szerkesztő programot használjak? + Letöltés
JavaScript alapok (A JS programozás alapjai)
JavaScript változók és konstansok (var, let és const magyarul)
Tömbök a JavaScript-ben (Tömbök magyarázata, létrehozása, elemek hozzáadása, módosítása, törlése, indexelés, tömb hosszának megállapítása)
Műveletek string-ekkel a JavaScript-ben (JS string metódusok, függvények, tulajdonságok)
JavaScript ciklusok, azaz JS iterációk (for, while, do while)
A for ciklus használata a JavaScript-ben (JS for iteráció elmélet, szintaktika, példa)
JavaScript while ciklus bemutatása (JS while és do while iteráció szintaktika, példa)
JavaScript operátorok ismertetése (JS aritmetikai, értékadó, összehasonlító, logikai, bitenkénti és típus operátor bemutatása)
JavaScript logikai változó (JS boolean magyarul)
JavaScript elágazások (if, switch)
if használata a JavaScript-ben (JS if, else és else if magyarul)
A switch használata a JavaScript-ben (JS switch…case)
JavaScript alert használati útmutató (JS felugró ablak)
JavaScript getElementBy és innerHTML használata (Szöveg írása HTML dokumentumba JS segítségével)
JavaScript függvények, eljárások, metódusok (JS függvény fogalma, létrehozása, meghívása)
JavaScript események (JS event magyarul)
JavaScript onclick esemény (JavaScript függvény meghívása kattintáskor, gomb megnyomásakor)
JavaScript objektumok fogalma, létrehozása, használata (Objektum tulajdonságok és metódusok szintaxisa + példa)
JavaScript JSON használata, készítése, feldolgozása, beolvasása
Random, véletlenszám generálása JavaScript-ben (JS Math.random() és Math.floor() magyarul)
Kliensoldali űrlapellenőrzés: űrlapmezők ellenőrzése HTML és JavaScript segítségével
A legjobb JavaScript keretrendszerek (17 JS framework)