برگهٔ تقلب JavaScript

همه ابزارها
رایگان

مرجعی قابل‌جستجو و چاپ از JavaScript مدرن — نحو، آرایه‌ها، رشته‌ها، اشیاء، async/await، DOM و ویژگی‌های ES2022+. رایگان.

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

هیچ موردی با «:q» مطابقت ندارد.

درباره برگهٔ تقلب JavaScript

این جزوه‌ی جاوااسکریپت یک مرجع تک‌صفحه‌ای و قابل‌جست‌وجو برای زبان مدرن است: متغیرها و انواع، توابع، رشته‌ها، آرایه‌ها، آبجکت‌ها، async و promise، جریان کنترل، DOM و رویدادها، و کلاس‌ها و ماژول‌ها. هر ورودی یک قطعه‌کد واقعی را با توضیحی یک‌خطی درباره‌ی کارکردش جفت می‌کند.

این جزوه برای جاوااسکریپتی نوشته شده که مردم امروز واقعاً استفاده می‌کنند - let و const، توابع فلشی، destructuring، spread، optional chaining، template literal، async/await و ماژول‌های ES - پس همچنین به‌عنوان یک یادآوری سریع هنگام برگشت از زبانی دیگر عمل می‌کند.

کل جزوه سمت کلاینت بارگذاری می‌شود و رایگان است. با جعبه‌ی جست‌وجو آن را زنده فیلتر کنید، از فهرست مطالب چسبان بین بخش‌ها بپرید، روی هر قطعه‌کد کلیک کنید تا کپی شود، و صفحه را برای یک مرجع جاوااسکریپت روی میز چاپ کنید.

نحوه استفاده از برگهٔ تقلب JavaScript

  1. جزوه را باز کنید و فهرست بخش‌ها را مرور کنید - از Variables & types تا DOM & events و Classes & modules.
  2. در جعبه‌ی جست‌وجو تایپ کنید تا هر ردیف را زنده فیلتر کنید؛ شمارنده‌ی تطبیق نشان می‌دهد چند قطعه‌کد مطابقت دارند.
  3. از فهرست مطالب چسبان برای پریدن مستقیم به بخشی مانند Async & promises استفاده کنید.
  4. روی یک قطعه‌کد، یا آیکون کپی آن، کلیک کنید تا کد در کلیپ‌بورد شما کپی شود.
  5. روی Print کلیک کنید برای یک نسخه‌ی تمیز و مناسب کاغذ از کل مرجع.

سوالات متداول

نه بخش: متغیرها و انواع، توابع، رشته‌ها، آرایه‌ها، آبجکت‌ها، async و promise، جریان کنترل، DOM و رویدادها، و کلاس‌ها و ماژول‌ها - هرکدام به‌صورت قطعه‌کدهای آماده‌کپی با توضیحات کوتاه.

بله. قطعه‌کدها از نحو فعلی استفاده می‌کنند - let/const، توابع فلشی، destructuring، optional chaining، async/await، کلاس‌ها و ماژول‌های ES - که جاوااسکریپت ES2022+ را منعکس می‌کند نه الگوهای قدیمی.

بله. کلیک روی هر قطعه‌کد، یا آیکون کپی‌ای که هنگام هاور روی یک ردیف ظاهر می‌شود، بلافاصله آن را در کلیپ‌بورد شما قرار می‌دهد با یک تأیید کوتاه «کپی شد!».

بله. دکمه‌ی Print چیدمانی تمیز تولید می‌کند که نوار جست‌وجو، ناوبری و دکمه‌ها از آن حذف شده‌اند، پس صفحات چاپ‌شده فقط شامل قطعه‌کدها و توضیحاتشان هستند.

بله. رایگان است، کاملاً در مرورگر شما بارگذاری می‌شود و نیازی به حساب کاربری ندارد.
اشتراک‌گذاری
ابزارهای مرتبط
برگهٔ تقلب CSS مرجعی قابل‌جستجو و چاپ از CSS — انتخابگرها، مدل جعبه، flexbox، grid، تایپوگرافی، transitionها و ویژگی‌های مدرن. رایگان. رایگان
برگهٔ تقلب PHP مرجعی قابل‌جستجو و چاپ از PHP 8.3+ — نحو، رشته‌ها، آرایه‌ها، توابع، کلاس‌ها، enumها، صفت‌ها و ویژگی‌های مدرن. رایگان. رایگان
برگهٔ تقلب Python مرجعی قابل‌جستجو و چاپ از Python 3 — نحو، ساختارهای داده، comprehensionها، توابع، کلاس‌ها، فایل‌ها و کتابخانهٔ استاندارد. رایگان. رایگان
برگهٔ تقلب MySQL مرجعی قابل‌جستجو و چاپ از MySQL — پرس‌وجوها، joinها، ایندکس‌ها، توابع، انواع داده و دستورات مدیریتی. رایگان. رایگان
برگهٔ تقلب Shell مرجعی قابل‌جستجو و چاپ از Bash / shell — پیمایش، فایل‌ها، pipeها، متغیرها، حلقه‌ها، شرط‌ها و one-linerهای کاربردی. رایگان. رایگان
برگهٔ تقلب SSH مرجعی قابل‌جستجو و چاپ از SSH — اتصال، کلیدها، پیکربندی، تونل‌زنی، SCP/SFTP و forwarding عامل. رایگان. رایگان
جستجوهای پرطرفدار
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
به کمک نیاز دارید؟
با این ابزار مشکلی پیدا کردید؟ به تیم ما اطلاع دهید.
گزارش مشکل

این ابزار رایگان را به وب‌سایت خود اضافه کنید — کد زیر را کپی و جای‌گذاری کنید.