Fișă de referință JavaScript

Toate instrumentele
Gratuit

O referință de JavaScript modern, căutabilă și imprimabilă — sintaxă, array-uri, șiruri, obiecte, async/await, DOM și funcții ES2022+. Gratuit.

Variables & types

10
let x = 1;
Block-scoped, reassignable variable
const PI = 3.14;
Block-scoped constant binding
typeof value
Returns the type as a string
Number('42')
Convert a string to a number
String(42)
Convert a value to a string
parseInt('42px', 10)
Parse a leading integer (base 10)
Boolean(0)
Coerce a value to true/false
value ?? 'default'
Nullish coalescing (null/undefined only)
a?.b?.c
Optional chaining, short-circuits on null
Array.isArray(x)
Check whether a value is an array

Functions

9
function add(a, b) { return a + b; }
Named function declaration
const add = (a, b) => a + b;
Arrow function with implicit return
const f = (a = 1) => a;
Default parameter value
function f(...args) {}
Rest parameters collect into an array
f(...arr)
Spread an array into arguments
const { a, b } = obj;
Object destructuring
const [x, y] = arr;
Array destructuring
(function(){})()
Immediately-invoked function (IIFE)
fn.bind(this)
Bind a fixed this context

Strings

10
`Hello ${name}`
Template literal interpolation
str.length
Number of characters
str.includes('a')
Check if a substring exists
str.slice(0, 3)
Extract part of a string
str.replace(/a/g, 'b')
Replace matches (regex)
str.split(',')
Split into an array
str.trim()
Remove surrounding whitespace
str.toUpperCase()
Convert to upper case
str.padStart(3, '0')
Pad the start to a length
str.at(-1)
Character at index (supports negatives)

Arrays

11
arr.map(x => x * 2)
Transform each element
arr.filter(x => x > 0)
Keep matching elements
arr.reduce((a, b) => a + b, 0)
Reduce to a single value
arr.find(x => x.id === 1)
First matching element
arr.some(x => x > 0)
True if any element matches
arr.every(x => x > 0)
True if all elements match
arr.includes(3)
Check for a value
arr.sort((a, b) => a - b)
Numeric ascending sort
[...new Set(arr)]
Remove duplicate values
arr.flat(Infinity)
Fully flatten nested arrays
arr.at(-1)
Last element (negative index)

Objects

9
Object.keys(obj)
Array of own enumerable keys
Object.values(obj)
Array of own values
Object.entries(obj)
Array of [key, value] pairs
{ ...a, ...b }
Merge objects (spread)
Object.assign({}, a, b)
Copy/merge into a target
Object.freeze(obj)
Make an object immutable
{ [key]: value }
Computed property name
obj.hasOwnProperty('x')
Check for an own property
structuredClone(obj)
Deep clone an object

Async & promises

9
async function f() {}
Declare an async function
await fetch(url)
Pause until a promise resolves
Promise.all([p1, p2])
Wait for all to resolve
Promise.allSettled([p1, p2])
Wait for all to settle
Promise.race([p1, p2])
Resolve with the first to settle
new Promise((res, rej) => {})
Create a promise manually
try { await f(); } catch (e) {}
Handle async errors
setTimeout(fn, 1000)
Run after a delay (ms)
queueMicrotask(fn)
Schedule a microtask

Control flow

9
if (a) {} else if (b) {} else {}
Conditional branches
a ? b : c
Ternary expression
switch (x) { case 1: break; }
Multi-way branch
for (const x of arr) {}
Iterate values (iterables)
for (const k in obj) {}
Iterate object keys
while (cond) {}
Loop while a condition holds
arr.forEach((x, i) => {})
Run a callback per element
break / continue
Exit or skip a loop iteration
label: for (...) { break label; }
Break out of nested loops

DOM & events

10
document.querySelector('.x')
First matching element
document.querySelectorAll('.x')
All matching elements (NodeList)
el.addEventListener('click', fn)
Attach an event listener
el.classList.toggle('active')
Toggle a CSS class
el.dataset.id
Read a data-id attribute
el.textContent = 'hi'
Set text safely (no HTML)
el.setAttribute('aria-hidden', true)
Set an attribute
e.preventDefault()
Cancel the default action
el.closest('.parent')
Nearest matching ancestor
document.createElement('div')
Create a new element

Classes & modules

9
class A extends B {}
Class with inheritance
constructor() { super(); }
Initialize and call the parent
#private = 1;
Private class field
static create() {}
Static method on the class
get value() {}
Getter accessor
export default fn;
Default module export
export { a, b };
Named module exports
import x, { y } from './m.js'
Default + named imports
const m = await import('./m.js')
Dynamic import

Nicio intrare nu corespunde cu „:q”.

Despre Fișă de referință JavaScript

Această fișă de referință JavaScript este o referință căutabilă, pe o singură pagină, pentru limbajul modern: variabile și tipuri, funcții, string-uri, array-uri, obiecte, async și promisiuni, control de flux, DOM și evenimente, și clase și module. Fiecare intrare asociază un fragment de cod real cu o explicație de o singură linie despre ce face.

Este scrisă pentru JavaScript-ul pe care oamenii îl folosesc efectiv astăzi — let și const, arrow functions, destructurare, spread, optional chaining, template literals, async/await și module ES — astfel încât funcționează și ca reîmprospătare rapidă atunci când revii de la un alt limbaj.

Întreaga fișă se încarcă client-side și este gratuită. Filtreaz-o live cu câmpul de căutare, sari între secțiuni din cuprinsul lipicios, apasă orice fragment pentru a-l copia și printează pagina pentru o referință JavaScript de birou.

Cum să utilizați Fișă de referință JavaScript

  1. Deschide fișa și parcurge lista de secțiuni — de la Variables & types prin DOM & events până la Classes & modules.
  2. Tastează în câmpul de căutare pentru a filtra fiecare rând live; contorul de potriviri arată câte fragmente se potrivesc.
  3. Folosește cuprinsul lipicios pentru a sări direct la o secțiune precum Async & promises.
  4. Apasă pe un fragment, sau pe pictograma sa de copiere, pentru a copia codul în clipboard.
  5. Apasă Print pentru o copie curată, prietenoasă pentru tipărire, a întregii referințe.

Întrebări frecvente

Nouă secțiuni: variabile și tipuri, funcții, string-uri, array-uri, obiecte, async și promisiuni, control de flux, DOM și evenimente, și clase și module — fiecare ca fragmente gata de copiat, cu descrieri scurte.

Da. Fragmentele folosesc sintaxă actuală — let/const, arrow functions, destructurare, optional chaining, async/await, clase și module ES — reflectând JavaScript ES2022+ și nu tipare vechi.

Da. Apăsând pe orice fragment de cod, sau pe pictograma de copiere care apare când treci cu mouse-ul peste un rând, îl pui imediat în clipboard, cu o scurtă confirmare „Copied!”.

Da. Butonul Print produce un layout curat, cu bara de căutare, navigarea și butoanele eliminate, astfel încât paginile tipărite conțin doar fragmentele și descrierile lor.

Da. Este gratuită, se încarcă integral în browserul tău și nu necesită cont.
Distribuiți
Instrumente conexe
Fișă de referință CSS O referință CSS căutabilă și imprimabilă — selectori, modelul cutiei, flexbox, grid, tipografie, tranziții și funcții moderne. Gratuit. Gratuit
Fișă de referință PHP O referință PHP 8.3+ căutabilă și imprimabilă — sintaxă, șiruri, array-uri, funcții, clase, enum-uri, atribute și funcții moderne. Gratuit. Gratuit
Fișă de referință Python O referință Python 3 căutabilă și imprimabilă — sintaxă, structuri de date, comprehensions, funcții, clase, fișiere și biblioteca standard. Gratuit. Gratuit
Fișă de referință MySQL O referință MySQL căutabilă și imprimabilă — interogări, join-uri, indexuri, funcții, tipuri de date și comenzi de administrare. Gratuit. Gratuit
Fișă de referință Shell O referință Bash / shell căutabilă și imprimabilă — navigare, fișiere, pipe-uri, variabile, bucle, condiționale și one-linere utile. Gratuit. Gratuit
Fișă de referință SSH O referință SSH căutabilă și imprimabilă — conectare, chei, configurare, tunneling, SCP/SFTP și redirecționarea agentului. Gratuit. Gratuit
Căutări populare
javascript cheat sheet js cheat sheet javascript array methods javascript string methods javascript promises and async await javascript object methods js dom methods javascript syntax reference
Ai nevoie de ajutor?
Ai întâmpinat o problemă cu acest instrument? Spune-ne.
Raportează o problemă

Adăugați acest instrument gratuit pe propriul site — copiați și lipiți codul de mai jos.