Fișă de referință JavaScript
O referință de JavaScript modern, căutabilă și imprimabilă — sintaxă, array-uri, șiruri, obiecte, async/await, DOM și funcții ES2022+. Gratuit.
Variabile & tipuri
10let x = 1;
Variabilă reasignabilă cu domeniu de bloc
const PI = 3.14;
Legare de constantă cu domeniu de bloc
typeof value
Returnează tipul ca șir
Number('42')
Convertește un șir într-un număr
String(42)
Convertește o valoare într-un șir
parseInt('42px', 10)
Parsează un întreg de la început (baza 10)
Boolean(0)
Forțează o valoare la true/false
value ?? 'default'
Coalescență nullish (doar null/undefined)
a?.b?.c
Înlănțuire opțională, oprită la null
Array.isArray(x)
Verifică dacă o valoare este un array
Funcții
9function add(a, b) { return a + b; }
Declarație de funcție numită
const add = (a, b) => a + b;
Funcție arrow cu return implicit
const f = (a = 1) => a;
Valoare implicită a parametrului
function f(...args) {}
Parametrii rest se adună într-un array
f(...arr)
Răspândește un array în argumente
const { a, b } = obj;
Destructurare de obiect
const [x, y] = arr;
Destructurare de array
(function(){})()
Funcție invocată imediat (IIFE)
fn.bind(this)
Leagă un context this fix
Șiruri
10`Hello ${name}`
Interpolare în template literal
str.length
Numărul de caractere
str.includes('a')
Verifică dacă există un subșir
str.slice(0, 3)
Extrage o parte dintr-un șir
str.replace(/a/g, 'b')
Înlocuiește potriviri (regex)
str.split(',')
Împarte într-un array
str.trim()
Elimină spațiile din jur
str.toUpperCase()
Convertește la majuscule
str.padStart(3, '0')
Completează începutul până la o lungime
str.at(-1)
Caracterul la index (acceptă negative)
Array-uri
11arr.map(x => x * 2)
Transformă fiecare element
arr.filter(x => x > 0)
Păstrează elementele care se potrivesc
arr.reduce((a, b) => a + b, 0)
Reduce la o singură valoare
arr.find(x => x.id === 1)
Primul element care se potrivește
arr.some(x => x > 0)
True dacă vreun element se potrivește
arr.every(x => x > 0)
True dacă toate elementele se potrivesc
arr.includes(3)
Verifică pentru o valoare
arr.sort((a, b) => a - b)
Sortare numerică crescătoare
[...new Set(arr)]
Elimină valorile duplicate
arr.flat(Infinity)
Aplatizează complet array-uri imbricate
arr.at(-1)
Ultimul element (index negativ)
Obiecte
9Object.keys(obj)
Array al cheilor proprii enumerabile
Object.values(obj)
Array al valorilor proprii
Object.entries(obj)
Array de perechi [cheie, valoare]
{ ...a, ...b }
Îmbină obiecte (spread)
Object.assign({}, a, b)
Copiază/îmbină într-o țintă
Object.freeze(obj)
Face un obiect imutabil
{ [key]: value }
Nume de proprietate calculat
obj.hasOwnProperty('x')
Verifică pentru o proprietate proprie
structuredClone(obj)
Clonare profundă a unui obiect
Async & promisiuni
9async function f() {}
Declară o funcție async
await fetch(url)
Așteaptă până se rezolvă o promisiune
Promise.all([p1, p2])
Așteaptă rezolvarea tuturor
Promise.allSettled([p1, p2])
Așteaptă finalizarea tuturor
Promise.race([p1, p2])
Rezolvă cu prima finalizată
new Promise((res, rej) => {})
Creează o promisiune manual
try { await f(); } catch (e) {}
Tratează erori async
setTimeout(fn, 1000)
Rulează după o întârziere (ms)
queueMicrotask(fn)
Programează un microtask
Flux de control
9if (a) {} else if (b) {} else {}
Ramuri condiționale
a ? b : c
Expresie ternară
switch (x) { case 1: break; }
Ramificare multiplă
for (const x of arr) {}
Iterează valori (iterabile)
for (const k in obj) {}
Iterează cheile obiectului
while (cond) {}
Buclă cât timp condiția e adevărată
arr.forEach((x, i) => {})
Rulează un callback per element
break / continue
Ieși sau sari peste o iterație de buclă
label: for (...) { break label; }
Ieși din bucle imbricate
DOM & evenimente
10document.querySelector('.x')
Primul element care se potrivește
document.querySelectorAll('.x')
Toate elementele potrivite (NodeList)
el.addEventListener('click', fn)
Atașează un ascultător de eveniment
el.classList.toggle('active')
Comută o clasă CSS
el.dataset.id
Citește un atribut data-id
el.textContent = 'hi'
Setează text în siguranță (fără HTML)
el.setAttribute('aria-hidden', true)
Setează un atribut
e.preventDefault()
Anulează acțiunea implicită
el.closest('.parent')
Cel mai apropiat strămoș potrivit
document.createElement('div')
Creează un element nou
Clase & module
9class A extends B {}
Clasă cu moștenire
constructor() { super(); }
Inițializează și apelează părintele
#private = 1;
Câmp privat de clasă
static create() {}
Metodă statică pe clasă
get value() {}
Accesor getter
export default fn;
Export implicit de modul
export { a, b };
Exporturi de modul numite
import x, { y } from './m.js'
Importuri implicite + numite
const m = await import('./m.js')
Import dinamic
Nicio intrare nu corespunde cu „:q”.
Ai nevoie de ajutor?
Ai întâmpinat o problemă cu acest instrument? Spune-ne.