Hoppa till innehåll

JavaScript-formattare

Omformatera JavaScript eller TypeScript till konsekvent, läsbar kod.

Inmatning
80
Utmatning

JavaScript-formattare

Klistra in JavaScript eller TypeScript, så formaterar detta verktyg det till konsekvent indrag, mellanslag och radbrytningar. Det omformaterar minifierad eller inkonsekvent formaterad kod, normaliserar block och objektliteraler, och behåller uttryck som ternära operatorer, generiska typer, malliteraler, valfri kedja och pillfunktioner med mellanslag, som en människa skulle skriva dem.

Alternativen styr detaljer, inte struktur. Välj indrag med 2 mellanslag, 4 mellanslag eller tabulatorer och enkla eller dubbla citattecken — stränginnehåll kodas om korrekt i båda fallen, så ett tecken inuti strängen skadas aldrig. Semikolon kan läggas till i slutet av varje sats eller tas bort till förmån för automatisk semikoloninfogning; flerlinjiga objekt och matriser kan sluta med komman eller inte. Max radbredd styr när en lång objektliteral eller argumentlista delas över flera rader istället för att sträcka sig förbi skärmens kant. Minifiera viktar samma kod på en rad med borttagna mellanslag och kommentarer, när du behöver en kompakt kopia istället för en läsbar.

Det här är en formattare, inte en linter eller bundler: den skriver inte om logik, byter namn på variabler eller löser importer, och kör inte din kod. Målet är att hålla utmatningen giltig för realistisk JavaScript och TypeScript, inklusive klasser, asynkrona funktioner, destrukturering, spridningsoperatorer och dekoratörer — verkligt dåligt utformad inmatning (oavslutad sträng eller kommentar) formateras om på bästa försök istället för att avvisas helt.

Allt körs lokalt i din webbläsare. Din källkod skickas aldrig till en server, vilket är lika viktigt för proprietär eller opublicerad kod som för ett snabbt utdrag från en felrapport. Kopiera det formaterade resultatet, ladda ned det som en .txt-fil eller skicka det till ett annat verktyg för att fortsätta arbeta.

FAQ

Stöder det TypeScript, inte bara JavaScript?
Ja. Typannotationer, generiska typer, gränssnitt, valfria egenskaper och annan vanlig TypeScript-syntax känns igen och formateras tillsammans med vanlig JavaScript.
Hur skiljer sig "Minifiera" från de andra alternativen?
Det tar bort kommentarer och onödiga mellanslag och placerar koden på en rad, samtidigt som det behåller semikolonerna som behövs för säker separation av satser. Det här är ett kompakt formateringsläge, inte en fullständig minifier — det byter inte namn på variabler och tillämpar inte andra storleksoptimeringar.
Kommer det att bryta min kod?
Formataren ändrar bara mellanslag, citattecken och semikolon — den skriver aldrig om uttryck eller logik. Kommentarer och stränginnehål bevaras exakt som de skrevs.
Vad händer med en lång rad, som en stor objektliteral?
Ställ in "Max radbredd" och en objekt- eller matrisliteral som skulle överstiga den delas över flera rader, ett objekt per rad, istället för att sträcka sig förbi kanten.
Skickas min kod någonstans?
Nej. Formatering körs helt i din webbläsare — din källkod lämnar aldrig din enhet.