JavaScript-Formatierer

Er parst deinen Code als ES-Modul in einen Syntaxbaum und gibt diesen wieder in einem einheitlichen Stil aus. Da der Code geparst und nicht mit Textregeln bearbeitet wird, entspricht die Struktur der Ausgabe immer der Eingabe.

Blöcke werden mit zwei Leerzeichen eingerückt, jede Anweisung steht in einer eigenen Zeile, Operatoren werden von Leerzeichen umgeben und Anweisungen enden mit Semikolons. Kurze Objekt- und Array-Literale bleiben in einer Zeile. Anführungszeichen in Zeichenfolgen und Template-Literale bleiben wie geschrieben.

Nein, der Formatierer hat keine Optionen. Jede Eingabe wird im selben Stil ausgegeben. Dadurch bleiben die Ergebnisse vorhersehbar, wenn du sie weitergibst.

Das Tool hält an und zeigt die Meldung des Parsers an, zum Beispiel Unexpected: gefolgt vom fehlerhaften Token. Behebe das gemeldete Problem und führe den Formatierer erneut aus.

Ja, Zeilen- und Blockkommentare bleiben erhalten und werden bei den Anweisungen platziert, zu denen sie gehören. Ein Kommentar innerhalb einer Anweisung kann an den Anfang der folgenden Anweisung verschoben werden.

Ja, der Parser versteht moderne Syntax wie import und export, Pfeilfunktionen, Klassen, async und await, Destrukturierung, Spread, optionales Verkettungsoperator und Nullish Coalescing sowie Template-Literale. Längere Objektliterale, die nicht in eine Zeile passen, werden mit einer Eigenschaft pro Zeile aufgeteilt.

Ja, minimierte Dateien werden geparst und auf lesbare Zeilen mit Einrückungen verteilt. Kurze Variablennamen, die der Minifizierer gewählt hat, bleiben erhalten, da die Formatierung nichts umbenennt.

Nein, sie ändert nur Leerzeichen, Zeilenumbrüche und Anweisungsabschlüsse. Hinzugefügt werden nur Semikolons, die dazu passen, wie JavaScript den Code bereits liest.

Das Ergebnis wird als Markdown-Codeblock zurückgegeben, der mit einem javascript-Codezaun beginnt. Dadurch wird es beim Einfügen in Markdown mit Syntaxhervorhebung dargestellt. Kopiere die Zeilen zwischen den Codezäunen, wenn du den Quelltext ohne Formatierung möchtest.

Diese Seite verarbeitet einfaches JavaScript. Verwende den JSX Formatter für React-Komponenten und den TypeScript oder Flow Formatter für typisierten Code, da Typannotationen nicht zu standardmäßigem JavaScript gehören.