JavaScript Kopya Kâğıdı

Tüm araçlar
Ücretsiz

Modern JavaScript için aranabilir, yazdırılabilir bir başvuru — sözdizimi, diziler, dizeler, nesneler, async/await, DOM ve ES2022+ özellikleri. Ücretsiz.

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” ile eşleşen bir girdi yok.

JavaScript Kopya Kâğıdı Hakkında

Bu JavaScript hile sayfası, modern dile aranabilir, tek sayfalık bir referanstır: değişkenler ve türler, fonksiyonlar, dizeler, diziler, nesneler, asenkron ve promise'ler, kontrol akışı, DOM ve olaylar, sınıflar ve modüller. Her giriş, gerçek bir kod parçasını ne işe yaradığını anlatan tek satırlık bir açıklamayla eşleştirir.

İnsanların bugün gerçekten kullandığı JavaScript için yazılmıştır — let ve const, ok fonksiyonları, yapı bozma (destructuring), yayma (spread), isteğe bağlı zincirleme, şablon dizeleri, async/await ve ES modülleri — bu yüzden başka bir dilden geri döndüğünüzde de hızlı bir hatırlatıcı görevi görür.

Sayfanın tamamı istemci tarafında yüklenir ve ücretsizdir. Arama kutusuyla canlı olarak filtreleyin, yapışkan içindekiler tablosundan bölümler arasında geçin, herhangi bir kod parçasına tıklayarak kopyalayın ve masa başında kullanılacak bir JavaScript referansı için sayfayı yazdırın.

JavaScript Kopya Kâğıdı Nasıl Kullanılır

  1. Sayfayı açın ve bölüm listesine göz atın — Variables & types'tan DOM & events'e, Classes & modules'e kadar.
  2. Her satırı canlı olarak filtrelemek için arama kutusuna yazın; eşleşme sayacı kaç kod parçasının uyduğunu gösterir.
  3. Async & promises gibi bir bölüme doğrudan geçmek için yapışkan içindekiler tablosunu kullanın.
  4. Kodu panonuza kopyalamak için bir kod parçasına veya kopyalama simgesine tıklayın.
  5. Tüm referansın temiz, kağıt dostu bir kopyası için Print'e tıklayın.

Sıkça sorulan sorular

Dokuz bölüm: değişkenler ve türler, fonksiyonlar, dizeler, diziler, nesneler, asenkron ve promise'ler, kontrol akışı, DOM ve olaylar, sınıflar ve modüller — her biri kısa açıklamalarla kopyalamaya hazır kod parçaları olarak.

Evet. Kod parçaları eski kalıplar yerine ES2022+ JavaScript'ini yansıtan güncel sözdizimini kullanır — let/const, ok fonksiyonları, yapı bozma, isteğe bağlı zincirleme, async/await, sınıflar ve ES modülleri.

Evet. Herhangi bir kod parçasına veya bir satırın üzerine geldiğinizde beliren kopyalama simgesine tıklamak, kısa bir "Copied!" onayıyla birlikte hemen panonuza kopyalar.

Evet. Print düğmesi, arama çubuğu, gezinme ve düğmeler kaldırılmış temiz bir düzen üretir, böylece basılı sayfalar yalnızca kod parçalarını ve açıklamalarını içerir.

Evet. Ücretsizdir, tamamen tarayıcınızda yüklenir ve hesap gerektirmez.
Paylaş
İlgili Araçlar
CSS Kopya Kâğıdı Aranabilir, yazdırılabilir bir CSS başvurusu — selectors, box modeli, flexbox, grid, tipografi, transitions ve modern özellikler. Ücretsiz. Ücretsiz
PHP Kopya Kâğıdı Aranabilir, yazdırılabilir bir PHP 8.3+ başvurusu — sözdizimi, dizeler, diziler, fonksiyonlar, sınıflar, enums, öznitelikler ve modern özellikler. Ücretsiz. Ücretsiz
Python Kopya Kâğıdı Aranabilir, yazdırılabilir bir Python 3 başvurusu — sözdizimi, veri yapıları, comprehensions, fonksiyonlar, sınıflar, dosyalar ve standart kütüphane. Ücretsiz. Ücretsiz
MySQL Kopya Kâğıdı Aranabilir, yazdırılabilir bir MySQL başvurusu — sorgular, joins, dizinler, fonksiyonlar, veri türleri ve yönetim komutları. Ücretsiz. Ücretsiz
Shell Kopya Kâğıdı Aranabilir, yazdırılabilir bir Bash / shell başvurusu — gezinme, dosyalar, pipes, değişkenler, döngüler, koşullar ve kullanışlı tek satırlık komutlar. Ücretsiz. Ücretsiz
SSH Kopya Kâğıdı Aranabilir, yazdırılabilir bir SSH başvurusu — bağlanma, anahtarlar, yapılandırma, tunneling, SCP/SFTP ve agent forwarding. Ücretsiz. Ücretsiz
Popüler aramalar
javascript cheat sheet js cheat sheet javascript array metotları javascript string metotları javascript promise ve async await javascript object metotları js dom metotları javascript söz dizimi referansı
Yardıma mı ihtiyacınız var?
Bu araçta bir sorun mu buldunuz? Ekibimize bildirin.
Sorun bildir

Bu ücretsiz aracı kendi web sitenize ekleyin — aşağıdaki kodu kopyalayıp yapıştırın.