Ga naar inhoud

JavaScript-formatter

Herformateer JavaScript of TypeScript naar consistent, leesbare code.

Invoer
80
Uitvoer

JavaScript-formatter

Plak JavaScript of TypeScript in, en deze tool herformatteert het naar consistent inspringing, spatiëring en regelbreuk. Het formatteert geminificeerde of inconsistent geformatteerde code opnieuw, normaliseert blokken en objectliteralen, en behoudt expressies zoals ternaire operatoren, generieke typen, sjabloonliteralen, optionele kettingen en pijlfuncties met spaties, zoals een mens ze zou schrijven.

Opties controleren details, niet structuur. Kies inspringing met 2 spaties, 4 spaties of tabs en enkele of dubbele aanhalingstekens — stringinhoud wordt in beide gevallen correct opnieuw gecodeerd, dus een teken in de string wordt nooit beschadigd. Puntkomma's kunnen aan het einde van elke instructie worden toegevoegd of verwijderd ten gunste van automatisch semikolon invoegen; multi-regelige objecten en arrays kunnen eindigen met komma's of zonder. Max. regellengte bepaalt wanneer een lang objectliteral of argumentenlijst over meerdere regels verdeeld wordt in plaats van buiten het scherm uit te rekt. Minimaliseer vouwt dezelfde code tot één regel met verwijderde spaties en opmerkingen, wanneer je een compacte kopie nodig hebt in plaats van een leesbare.

Dit is een formatter, geen linter of bundler: het herschrijft logica niet, wijzigt variabelennamen niet of lost imports op, en voert je code niet uit. Het doel is om de uitvoer geldig voor realistische JavaScript en TypeScript te houden, inclusief klassen, asynchrone functies, destructurering, spread-operators en decorators — echt slecht gevormde invoer (onafgemaakte string of opmerking) wordt zo goed mogelijk opnieuw geformatteerd in plaats van volledig afgewezen.

Alles draait lokaal in je browser. Je broncode wordt nooit naar een server geüpload, wat even belangrijk is voor propriëtaire of onuitgegeven code als voor een snelle snippet uit een bugrapport. Kopieer het geformatteerde resultaat, download het als .txt-bestand, of stuur het door naar een ander hulpmiddel om verder te gaan.

FAQ

Ondersteunt het TypeScript, niet alleen JavaScript?
Ja. Type-aantekeningen, generieke typen, interfaces, optionele eigenschappen en andere veelvoorkomende TypeScript-syntax worden herkend en geformatteerd naast gewone JavaScript.
Hoe verschilt "Minimaliseer" van de andere opties?
Het verwijdert opmerkingen en onnodige spaties en zet de code op één regel, terwijl puntkomma's behouden blijven die nodig zijn voor veilige scheiding van instructies. Dit is een compacte opmaakingsmodus, geen volledige minifier — het wijzigt geen variabelennamen en past geen andere grootteoptialisaties toe.
Zal het mijn code verbreken?
De formatter wijzigt alleen spaties, aanhalingstekens en puntkomma's — het herschrijft nooit expressies of logica. Opmerkingen en stringinhoud worden exact behouden zoals geschreven.
Wat gebeurt er met een lange regel, zoals een groot objectliteral?
Stel "Max. regellengte" in, en een object- of arrayliteral dat dit zou overschrijden, wordt over meerdere regels verdeeld, één item per regel, in plaats van buiten het scherm uit te rekt.
Wordt mijn code ergens geüpload?
Nee. Formattering gebeurt volledig in je browser — je broncode verlaat je apparaat nooit.