JavaScript Reference

The JavaScript Cheat Sheet Every Dev Has Bookmarked

ES6+ syntax, array methods, async/await, destructuring, DOM manipulation — all the modern JavaScript you reach for mid-project, on one page. Stop tab-switching and start shipping.

$9
One-time payment · Instant PDF download
📄 PDF format ⚡ Instant download 🖨️ Print-ready ♾️ Keep forever
javascript-cheat-sheet.pdf
ARRAY METHODS
.map(fn)Transform each element
.filter(fn)Keep matching items
.reduce(fn, init)Accumulate to single value
ASYNC / AWAIT
async functionReturns a Promise
await fetch(url)Wait for response
try / catchHandle async errors
DESTRUCTURING
const {a, b} = objObject destructure
const [x, y] = arrArray destructure

What's inside the JavaScript Cheat Sheet

8 sections of modern JavaScript — from ES6+ fundamentals to async patterns and DOM manipulation.

📦

Variables & Types

let, const, var scoping rules, type coercion and typeof checks.

  • let vs const vs var
  • Type coercion gotchas
  • typeof & instanceof
  • Nullish coalescing (??)
🔢

Array Methods

Every array method you actually use — with the signature and a one-line description.

  • map, filter, reduce, find, findIndex
  • forEach, some, every, includes
  • flat, flatMap, sort, splice
  • Array.from, Array.isArray
🧩

Object Methods & Spread

Work with objects efficiently using modern ES6+ patterns.

  • Object.keys, values, entries
  • Object.assign & spread (...)
  • Optional chaining (?.)
  • Computed property names
✂️

Destructuring & ES6+

Modern syntax that makes your code cleaner and shorter.

  • Array & object destructuring
  • Default values & aliasing
  • Rest & spread syntax
  • Template literals (tagged)
🔄

Functions & Scope

Arrow functions, closures, IIFE and everything about how functions work in JS.

  • Arrow functions vs regular
  • Default parameters
  • Closures & hoisting
  • Generators & iterators

Async JavaScript

Promises, async/await and fetch — the modern async patterns every dev needs.

  • Promise.all, race, allSettled
  • async / await syntax
  • fetch API with error handling
  • try/catch in async functions
🌐

DOM Manipulation

Query, create, modify and remove DOM elements without a library.

  • querySelector & querySelectorAll
  • createElement, appendChild, remove
  • classList.add/remove/toggle
  • innerHTML vs textContent
🎯

Events & Error Handling

Event delegation, custom events and handling runtime errors cleanly.

  • addEventListener with options
  • Event delegation pattern
  • try / catch / finally
  • Custom Error types

Who this cheat sheet is for

  • Frontend developers who want modern ES6+ syntax at their fingertips
  • Full-stack developers switching between JS and other languages daily
  • Developers learning async JavaScript and tired of re-reading the same docs
  • React, Vue and Angular devs who need vanilla JS reference alongside framework work
  • Bootcamp graduates consolidating their JavaScript knowledge

What you get

📄
PDF file
High-resolution, print-ready PDF.
Instant access
Download immediately after purchase.
🖨️
Print-optimised
Perfect on A4 or US Letter.
♾️
Yours forever
One payment. No subscription.
Instant Download
$9
One-time payment · PDF · No subscription

Get the JavaScript Cheat Sheet now

Stop tab-switching to MDN mid-feature. Keep the reference open instead.

Buy on Gumroad →