JavaScript шпаргалка

Безплатно

Справочник за модерния JavaScript с възможност за търсене и печат — синтаксис, масиви, низове, обекти, async/await, DOM и функции на ES2022+. Безплатно.

Variables & types

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

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

`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

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

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

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

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

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

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

Няма запис, който да съответства на „:q“.

За JavaScript шпаргалка

Тази JavaScript пища с формули е претърсваема справка на една страница за съвременния език: променливи и типове, функции, низове, масиви, обекти, асинхронност и промиси, контрол на потока, DOM и събития, и класове и модули. Всеки запис съчетава истински кодов откъс с еднолинейно обяснение какво прави.

Написана е за JavaScript-а, който хората всъщност пускат днес — let и const, стрелкови функции, деструктуриране, spread, опционално верижно свързване, шаблонни литерали, async/await и ES модули — така че също служи като бърз опреснител, когато се връщате от друг език.

Целият лист се зарежда от страна на клиента и е безплатен. Филтрирайте го на живо с полето за търсене, скачайте между разделите от закачливото съдържание, кликнете всеки откъс, за да го копирате, и разпечатайте страницата за настолна JavaScript справка.

Как да използвате JavaScript шпаргалка

Отворете листа и прегледайте списъка с раздели — от Променливи и типове до DOM и събития до Класове и модули.
Напишете в полето за търсене, за да филтрирате всеки ред на живо; брояч на съвпадения показва колко откъса пасват.
Използвайте закачливото съдържание, за да скочите директно на раздел като Асинхронност и промиси.
Кликнете откъс, или иконата му за копиране, за да копирате кода в клипборда си.
Кликнете Печат за чисто, удобно за печат копие на цялата справка.

Често задавани въпроси

Девет раздела: променливи и типове, функции, низове, масиви, обекти, асинхронност и промиси, контрол на потока, DOM и събития, и класове и модули — всеки като готови за копиране откъси с кратки описания.

Да. Откъсите използват текущ синтаксис — let/const, стрелкови функции, деструктуриране, опционално верижно свързване, async/await, класове и ES модули — отразявайки ES2022+ JavaScript, а не наследени шаблони.

Да. Кликването на всеки кодов откъс, или иконата за копиране, която се появява при задържане на ред, го поставя в клипборда ви незабавно с кратко потвърждение „Копирано!“.

Да. Бутонът Печат произвежда чист оформление с премахнати лента за търсене, навигация и бутони, така че отпечатаните страници съдържат само откъсите и описанията им.

Да. Тя е безплатна, зарежда се изцяло в браузъра ви и не изисква акаунт.

JavaScript шпаргалка

Variables & types

Functions

Strings

Arrays

Objects

Async & promises

Control flow

DOM & events

Classes & modules

За JavaScript шпаргалка

Как да използвате JavaScript шпаргалка

Често задавани въпроси

Какво покрива JavaScript пищата с формули?

Актуална ли е със съвременния JavaScript?

Мога ли да копирам откъс с едно кликване?

Мога ли да разпечатам пищата с формули?

Безплатна ли е пищата с формули?

Свързани инструменти

Популярни търсения

Вградете този инструмент