JavaScript SyntaxModern JavaScript essentials — declarations, functions, destructuring, modules.ComputingES2015 and later. Everything here works in every current browser and inNode.Declarationsconst x = 1 – cannot reassignlet y = 2 – block scopedvar – function scoped, avoidTemplate: `${a} and ${b}`Functionsconst f = (a, b) => a + basync function g() { await p }Default: (a = 1) => aRest: (...args) => args.lengthDestructuringconst { a, b } = objconst [x, y] = arrconst { a: renamed } = objSpread: { ...obj, c: 3 }Modulesimport x from 'mod'import { a, b } from 'mod'export default fexport const g = 1Arrow functions do not bind their own `this`. That is usually what youwant, and occasionally exactly what breaks.JavaScript Syntaxlearnposters.com
JavaScript Syntax — printable computing wall chart from LearnPosters. Free vector PDF, US Letter and A4.

What’s on the JavaScript Syntax poster

16 entries in 4 groups.

ES2015 and later. Everything here works in every current browser and in Node.

Arrow functions do not bind their own `this`. That is usually what you want, and occasionally exactly what breaks.

Questions about the JavaScript Syntax poster

What’s on the JavaScript Syntax poster?
16 entries in 4 groups. ES2015 and later. Everything here works in every current browser and in Node. Declarations: const x = 1 – cannot reassign, let y = 2 – block scoped, var – function…; Functions: const f = (a, b) => a + b, async function g() { await p }, Default: (a = 1…; Destructuring: const { a, b } = obj, const [x, y] = arr, const { a: renamed } = obj,…; Modules: import x from 'mod', import { a, b } from 'mod', export default f, export co…. Arrow functions do not bind their own `this`. That is usually what you want, and occasionally exactly what breaks.
Who is the JavaScript Syntax poster for?
JavaScript Syntax belongs to the Computing section rather than to a school year, because computing is not something one grade owns. Anyone learning languages can pin it up — a beginner, a student mid-course, or someone revising years later.
When should you use the JavaScript Syntax poster?
Use const by default, let when you must reassign, never var. A wall chart earns its place by being glanceable from where the work is happening, so JavaScript Syntax belongs on the wall where that computing work actually happens, within glancing distance, rather than filed away.
What other posters go with JavaScript Syntax?
REST API Design, Bash Scripting and Error Handling sit alongside JavaScript Syntax in the Computing section. Printed together they make a wall rather than a single sheet, which is how a reference set actually gets used.REST API DesignBash ScriptingError Handling
Is the JavaScript Syntax poster free to download and print?
Yes. JavaScript Syntax downloads as a free PDF with no account, no email and no watermark, like everything else in the Computing section. Print as many copies as you like for a home, a classroom, a library or a tutoring group; reselling the file is the only thing the licence rules out.Read the licence
What size does the JavaScript Syntax poster print at?
JavaScript Syntax is a vector PDF laid out for US Letter, and prints on A4 with Fit to page — the same file, no separate download. Because every mark on it is drawn rather than photographed, it stays sharp enlarged to A3, A2 or A1 at a copy shop. Colour carries emphasis only, so a greyscale print of JavaScript Syntax loses nothing.Printing guide

Related posters

Charts that sit alongside JavaScript Syntax on the same wall.

Browse every Computing poster, or start from the full catalogue.