JavaScript-formatter
Maak rommelige of geminificeerde JavaScript leesbaar met deze JavaScript-formatter. Plak je code en de tool parseert die als ES-module en schrijft deze vervolgens opnieuw uit met inspringing van twee spaties, één statement per regel, consistente spaties rond operatoren en puntkomma's aan het einde van statements, waarbij opmerkingen behouden blijven. Syntaxfouten worden gemeld in plaats van geraden, zodat ontwikkelaars leesbare, geldige code terugkrijgen voor reviews, foutopsporing en documentatie.
Veelgestelde vragen
Hoe werkt de JavaScript-formatter?
De tool parseert je code als ES-module naar een syntaxboom en schrijft die vervolgens opnieuw uit in een consistente stijl. Omdat de code wordt geparseerd in plaats van aangepast met tekstregels, komt de structuur van de uitvoer altijd overeen met die van de invoer.
Welke stijl gebruikt de uitvoer?
Codeblokken springen twee spaties in, elk statement staat op een eigen regel, er staan spaties rond operatoren en statements eindigen met puntkomma's. Korte object- en arrayliteralen blijven op één regel staan, en aanhalingstekens rond strings en template literals blijven zoals ze zijn ingevoerd.
Kan ik de inspringing of andere instellingen wijzigen?
Nee, de formatter heeft geen opties. Elke invoer wordt in dezelfde stijl weergegeven, zodat de resultaten voorspelbaar blijven wanneer je ze deelt.
Wat gebeurt er als mijn code een syntaxfout bevat?
De tool stopt en toont de melding van de parser, bijvoorbeeld Unexpected: gevolgd door het problematische token. Los het gemelde probleem op en voer de formatter opnieuw uit.
Blijven opmerkingen behouden?
Ja, regel- en blokopmerkingen blijven behouden en worden bij de statements geplaatst waar ze bij horen. Een opmerking binnen een statement kan naar het begin van het volgende statement worden verplaatst.
Ondersteunt het moderne JavaScript?
Ja, de parser begrijpt moderne syntaxis, zoals import en export, arrowfuncties, klassen, async en await, destructuring, spread, optional chaining, nullish coalescing en template literals. Langere object literals die niet op één regel passen, worden opgesplitst met één eigenschap per regel.
Kan ik geminificeerde code opmaken?
Ja, geminificeerde bestanden worden geparseerd en over leesbare regels met inspringing verdeeld. Korte variabelenamen die door de minifier zijn gekozen, blijven behouden, omdat opmaak nooit iets hernoemt.
Verandert de opmaak wat mijn code doet?
Nee, alleen witruimte, regeleinden en statementafsluitingen worden gewijzigd. Er worden alleen puntkomma's toegevoegd; die sluiten aan bij hoe JavaScript de code al leest.
Waarom staat het resultaat in een javascript-codeblok?
Het resultaat wordt teruggegeven als een Markdown-codeblok dat begint met een javascript-codefence, zodat het met syntaxkleuring wordt weergegeven wanneer je het in Markdown plakt. Kopieer de regels tussen de fences als je de platte broncode wilt.
En hoe zit het met JSX, TypeScript of Flow?
Deze pagina verwerkt gewone JavaScript. Gebruik de JSX Formatter voor React-componenten en de TypeScript- of Flow Formatter voor getypeerde code, omdat typeannotaties geen onderdeel zijn van standaard-JavaScript.