Eingabe
Entwicklerwerkzeug
JavaScript-Formatierer
JavaScript ohne Upload oder Ausführung lesbar formatieren, konservativ minimieren und untersuchen. Strings, verschachtelte Templates, reguläre Ausdrücke, Kommentare und für die automatische Semikolon-Einfügung wichtige Zeilenumbrüche bleiben erhalten.
Quellgröße
Zeilen
Tokens
Funktionen
Ausgabe
Formatiertes oder minimiertes JavaScript
Prüfhinweise
Syntax- und Strukturprüfung
Codeübersicht
Erkannte JavaScript-Struktur
| # | Typ | Name | Zeile | Signatur |
|---|
Beispiele
JavaScript-Beispiele
JavaScript-Formatierung im Überblick
| Konstrukt | Beispiel | Formatierungsverhalten |
|---|---|---|
| Block | if (ready) { run(); } | Geschweifte Klammern erzeugen einen eingerückten Block. |
| Funktion | function sum(a, b) {} | Parameter bleiben zusammen und der Funktionskörper wird erweitert. |
| Pfeilfunktion | items.map(x => x.id) | Der Pfeiloperator erhält lesbare Abstände. |
| Template-Literal | `Hello ${name}` | Verschachtelte Template-Inhalte bleiben als geschützte Tokens erhalten. |
| Regulärer Ausdruck | /^[a-z]+$/i | Regex-Inhalt, Escape-Sequenzen und Zeichenklassen bleiben erhalten. |
| Kommentar | // note | Kommentare können erhalten oder entfernt werden; die Shebang-Zeile bleibt immer erhalten. |
Hinweise zu Formatierung und Sicherheit
ASI-sichere ZeilenbehandlungUrsprüngliche Umbrüche bleiben erhalten, damit return, break, continue, Postfix-Operatoren und semikolonfreie Anweisungen ihre Bedeutung behalten.
Geschützte SyntaxStrings, Unicode-Bezeichner, verschachtelte Templates, Regex, Kommentare und Shebang werden vor Abstandsänderungen tokenisiert.
Keine AusführungNormale Skripte können mit Function zur Syntaxprüfung kompiliert werden, der eingefügte Code wird aber nie aufgerufen oder ausgeführt.
Praktischer FormatiererKein Ersatz für einen projektbezogenen Parser, Prettier, ESLint oder einen Produktions-Bundler. Ausgabe vor dem Einsatz prüfen.
Häufige Fragen zum JavaScript-Formatierer
Lädt der Formatierer meinen Code hoch?
Nein. Formatierung, Tokenisierung, Statistik und Prüfungen laufen lokal im aktuellen Browser-Tab.
Führt das Werkzeug eingefügtes JavaScript aus?
Nein. Ein gewöhnliches Skript kann zur Fehlersuche kompiliert werden, aber die entstehende Funktion und das Programm werden nie ausgeführt.
Unterstützt es ES-Module und moderne Syntax?
Importe, Exporte, Klassen, optionale Verkettung, Unicode-Bezeichner, Regex und verschachtelte Templates bleiben erhalten. Module werden strukturell geprüft, da der Browser keinen Parser ohne Ausführung anbietet.
Warum bleiben Umbrüche in minimierter Ausgabe?
Einige Umbrüche beeinflussen die automatische Semikolon-Einfügung. Ihre Beibehaltung schützt semikolonfreien Code.
Handy Tool Lab
So wird dieses Tool gepflegt
Handy Tool Lab entwickelt und testet jedes Tool mit reproduzierbaren Beispielen. Formelbasierte Tools nutzen veröffentlichte Quellen, sofern eine geeignete Referenz vorhanden ist; Browser-Tools werden mit repräsentativen Ein- und Ausgaben geprüft.