Maak JavaScript weer leesbaar

Ontwikkelaars gebruiken JavaScript-formatter vóór een codereview, foutopsporing of overdracht aan een andere bijdrager.

Maak JavaScript weer leesbaar, zodat nakijken, aanpassen en fouten zoeken eenvoudiger worden. Gebruik het in je browser zonder account.

Hoe te gebruiken

Plak je JavaScript in het invoergebied, of importeer het bestand rechtstreeks vanaf je computer.
Voer de formatteringsstap uit en de tool herschrijft regeleinden en inspringing zodat de structuur van de code in één oogopslag zichtbaar wordt.
Vergelijk het resultaat met je origineel om geneste blokken, functies en objecten op te sporen die slecht zijn afgesloten.
Kopieer de opgeruimde versie terug naar je editor of geef hem aan een collega voor beoordeling.
Maak het paneel leeg voordat je een ander bestand laadt, zodat twee scripts niet door elkaar raken.

Voorbeeld

Een veelvoorkomend geval: een script dat door een externe partij wordt aangeleverd, komt binnen als één enorme regel. Na formattering zie je meteen waar functies en voorwaarden beginnen, wat het beoordelen van het bestand en het zoeken naar een ontbrekende accolade veel sneller maakt.

Limieten en formaten

Formattering verandert de presentatie, niet het gedrag: het lost geen logische fout en geen syntaxfout in je code op.
Code in een nauw verwante taal verdient extra controle nadat hij door de tool is gegaan.
Vergelijk de uitvoer met het origineel voordat je iets vervangt, vooral wanneer strings betekenisvolle spaties bevatten.
Bij een project dat over veel bestanden is verspreid, verwerk je ze één voor één en houd je van elk bestand een back-up bij.

Waar de verwerking gebeurt

De formattering gebeurt volledig in je browser op de code die je plakt of importeert. Geen enkel fragment wordt ergens naartoe verzonden en niets wordt bewaard nadat je de pagina sluit, dus interne code kan worden opgeruimd zonder je machine te verlaten.

Veelgestelde vragen

Kan formattering mijn script kapotmaken?

Het zou niet moeten veranderen hoe de code zich gedraagt, omdat alleen de lay-out wordt herschreven. Bewaar toch een kopie van het origineel en vergelijk de twee versies voordat je je werkbestand overschrijft.

Welke bestandstypen kan ik importeren?

De bestandskiezer accepteert .js-, .mjs-, .cjs-, .ts-, .tsx-, .html-, .css-, .json-, .sql- en .graphql-bestanden en ook platte tekst. Er wordt telkens slechts één bestand geladen.

Lost de tool syntaxfouten op?

Nee, het maakt de code alleen leesbaar. Een ontbrekende accolade of een extra komma blijft precies waar die was; de opgemaakte versie lezen helpt je om het sneller te vinden.