let

Blokkszintű változó deklarálása.

let x = 10;

const

Állandó értékű változó.

const PI = 3.14159;

var

Függvényszintű változó (régi szintaxis).

var legacy = "ok";

typeof

Érték típusának lekérdezése.

typeof 42; // "number"

function

Hagyományos függvény deklarálás.

function greet(name) {
  return `Hello, ${name}!`;
}

Arrow function

Rövidített függvényszintaxis.

const add = (a, b) => a + b;

Alapértelmezett paraméter

Paraméter alapértékkel.

function power(x, p = 2) { return x ** p; }

Rest paraméter

Több paraméter összegyűjtése tömbbe.

function sum(...nums) {
  return nums.reduce((a,b) => a+b, 0);
}

Destructuring

Objektum/tömb elemek szétszedése.

const [a,b] = [1,2];
const {name, age} = {name:"Anna", age:25};

Template string

Interpoláció backtick szintaxissal.

const msg = `ID: ${id}, Status: ${ok ? "OK" : "ERR"}`;

if / else

Feltételes elágazás.

if (x > 0) console.log("Pozitív"); else console.log("Nem");

switch

Többágú feltétel.

switch(role){
  case "admin": doAdmin(); break;
  case "user": doUser(); break;
  default: help();
}

for

Számláló ciklus.

for (let i=0; i<3; i++) console.log(i);

for...of

Iterálható értékek bejárása.

for (const ch of "hi") console.log(ch);

for...in

Objektum kulcsok bejárása.

for (const k in obj) console.log(k, obj[k]);

while

Amíg a feltétel igaz.

while (n < 5) { n++; }

do...while

Legalább egyszer fut.

do { attempt++; } while (attempt < 3);

Array

Alap tömb példa.

const arr = [1,2,3];

Array.map()

Elemenként átalakítás.

[1,2,3].map(x => x*2); // [2,4,6]

Array.filter()

Szűrés feltétel alapján.

[1,2,3,4].filter(x => x%2===0); // [2,4]

Array.reduce()

Halmozás/aggregálás.

[1,2,3].reduce((a,b)=>a+b,0); // 6

Array.find()

Első illeszkedő elem.

[5,7,8].find(x => x>6); // 7

Array.includes()

Tartalmaz-e értéket.

["a","b"].includes("b"); // true

Array.slice()

Rész tömb kivágása.

[1,2,3,4].slice(1,3); // [2,3]

Array.splice()

Helyben módosítás.

const a=[1,2,3]; a.splice(1,1,"x"); // [1,"x",3]

Object

Objektum alap.

const person = { name: "Anna", age: 25 };

class

Osztály deklarálás.

class Animal {
  constructor(name) { this.name = name; }
}

extends / super

Öröklés és szülő hívás.

class Dog extends Animal {
  constructor(n){ super(n); }
}

this

Aktuális kontextus.

const obj = {x:1, get(){return this.x;} };

try / catch

Hibák kezelése.

try { throw new Error("Hiba!"); }
catch(e){ console.error(e.message); }

finally

Mindig lefutó záró rész.

try { doWork(); } finally { cleanup(); }

Promise

Aszinkron műveletek kezelése.

new Promise((res)=>res(42))
  .then(v=>console.log(v))
  .catch(console.error);

async / await

Ígéret szinkron stílusban.

async function load(){
  const res = await fetch("/data.json");
  return res.json();
}

fetch()

HTTP kérés és válasz feldolgozás.

fetch("https://api.example.com")
  .then(r=>r.json())
  .then(d=>console.log(d));

setTimeout()

Késleltetés futtatás előtt.

setTimeout(()=>console.log("wait"), 1000);

setInterval()

Ismételt futtatás időközönként.

const id = setInterval(tick, 1000);

clearTimeout / clearInterval

Időzítő leállítása.

clearInterval(id);

document.querySelector

Első illeszkedő elem kiválasztása.

const el = document.querySelector(".card");

document.querySelectorAll

Több elem kiválasztása.

document.querySelectorAll(".card").forEach(console.log);

document.createElement

Új DOM elem létrehozása.

const div = document.createElement("div");

append / prepend

Elemek hozzáadása a DOM-hoz.

el.append(child); el.prepend(child2);

element.classList

CSS osztályok kezelése.

el.classList.add("active");
el.classList.toggle("hidden");

element.dataset

data-* attribútumok kezelése.

el.dataset.tags = "js dom";

element.style

Inline stílus beállítása.

el.style.color = "magenta";

addEventListener

Eseménykezelő hozzáadása.

button.addEventListener("click", () => doSomething());

Esemény objektum

Esemény adatai és vezérlése.

form.addEventListener("submit", e => {
  e.preventDefault();
});

localStorage

Tartós kulcs-érték tárolás.

localStorage.setItem("theme", "dark");
localStorage.getItem("theme");

sessionStorage

Ideiglenes tárolás a munkamenetben.

sessionStorage.setItem("token", "abc");

JSON.parse / JSON.stringify

JSON átalakítás.

const obj = JSON.parse('{"a":1}');
const str = JSON.stringify(obj);

Date

Dátum és idő kezelés.

const now = new Date(); now.getFullYear();

Math

Matematikai függvények.

Math.round(1.6); Math.floor(1.6); Math.random();

Set

Egyedi értékek gyűjteménye.

const s = new Set([1,1,2]); // {1,2}

Map

Kulcs-érték párok megőrzött sorrendben.

const m = new Map([["a",1],["b",2]]);

Symbol

Egyedi nem ütköző kulcs.

const KEY = Symbol("id");

Iterator

Saját iterátor készítése.

const it = {
  i:0,
  next(){ return this.i<3 ? {value:this.i++, done:false} : {done:true}; }
};

import / export

Modulok használata.

// export.js
export const PI = 3.14;
// main.js
import { PI } from "./export.js";

RegExp

Reguláris kifejezések.

/\d{3}-\d{2}/.test("123-45"); // true

Debounce (minta)

Gyakori hívások ritkítása.

const debounce = (fn, wait) => {
  let t; return (...a) => { clearTimeout(t); t = setTimeout(()=>fn(...a), wait); };
};

Throttle (minta)

Hívások ütemezése fix intervallumra.

const throttle = (fn, wait) => {
  let last=0; return (...a) => {
    const now=Date.now(); if (now-last>=wait){ last=now; fn(...a); }
  };
};

navigator

Böngésző információk.

navigator.userAgent;

location

Aktuális URL kezelése.

location.href; // lekérés
// location.assign("/new");

history

Előre/hátra navigáció.

history.back(); history.forward();

Clipboard

Másolás a vágólapra (engedéllyel).

navigator.clipboard.writeText("másolt szöveg");

performance

Teljesítménymérés.

const t0 = performance.now();
// ... munka ...
const t1 = performance.now();