JavaScript Formatter, Verfraaier & Minifier

Wat is JavaScript-formattering?

Kernfuncties

Voorbeelden

function add(a,b){return a+b}const doubled=[1,2,3].map(x=>x*2);console.log(doubled)

async function load(id){const r=await fetch(`/api/${id}`);if(!r.ok)throw new Error('bad');return r.json()}

const cfg={retries:3,timeout:5000,headers:{'Content-Type':'application/json'},onError(e){console.warn(e)}}

class Counter{#n=0;inc(){this.#n++}get value(){return this.#n}}

Veelvoorkomende gebruiksscenario's

Geminimaliseerde code lezen

Verfraai een geminimaliseerd of geobfusceerd script zodat je het kunt begrijpen en debuggen.

Code-review

Formatteer JavaScript vóór een pull request voor consistente, diffbare code.

Kleinere bundles verzenden

Minimaliseer productie-JavaScript met Terser om bytes te besparen en laadtijd te versnellen.

Een snippet opschonen

Formatteer een snelle paste uit de console of een gist naar overzichtelijke, leesbare code.

Technische details

Verfraaien met js-beautify

Gebruikt de bewezen js-beautify engine voor voorspelbare, configureerbare inspringing en witruimte.

Minimaliseren met Terser

Terser is de standaard JavaScript-minifier — het hernoemt lokale variabelen, verwijdert dode code en strips commentaar met behoud van gedrag.

Browsergebaseerd

Draait volledig aan de clientzijde; je code verlaat nooit je apparaat of raakt een server.

Aanbevolen aanpak

Broncode formatteren, productie minimaliseren

Houd leesbare code in je repo en laat je build minimaliseren met Terser.

Minimaliseer moderne syntaxis met zorg

Terser richt zich op standaard JavaScript; zeer nieuwe voorstellen vereisen mogelijk eerst een transpilatiestap.

Bewerk geminimaliseerde uitvoer niet handmatig

Hernoemde variabelen maken geminimaliseerde code moeilijk bij te houden — bewerk de broncode en minimaliseer opnieuw.

Veelgestelde vragen