Zum Inhalt springen
TextArray1.41.0
100% lokal

JavaScript-Formatter

Formatiert JavaScript oder TypeScript in konsistenten, lesbaren Code um.

Eingabe
80
Ausgabe
Verwandte Tools
CSS-FormatiererEntwickler-Tools
HTML-FormatiererEntwickler-Tools
JSON-Formatter & ValidatorFormatierung
i18n SchlüsseldiffEntwickler-Tools
TOML-zu-JSON-KonverterEntwickler-Tools
SQL zu JSONEntwickler-Tools
JavaScript-Formatter
Geben Sie JavaScript oder TypeScript ein, und dieses Tool formatiert es in einheitliche Einrückung, Abstände und Zeilenumbrüche. Es reformatiert minifizierten oder inkonsistent formatierten Code, normalisiert Blöcke und Objektliterale und behält Ausdrücke wie ternäre Operatoren, generische Typen, Template-Literale, optionales Verkettung und Pfeilfunktionen mit Abständen bei, wie sie ein Mensch schreiben würde.
Optionen steuern Details, nicht die Struktur. Wählen Sie Einrückung mit 2 Leerzeichen, 4 Leerzeichen oder Tabulatoren und einfache oder doppelte Anführungszeichen — Zeichenkettinhalte werden in beiden Fällen korrekt neu codiert, sodass ein Zeichen in der Zeichenkette nie beschädigt wird. Semikola können am Ende jeder Anweisung hinzugefügt oder zugunsten des automatischen Semikolon-Einfügung entfernt werden; mehrzeilige Objekte und Arrays können mit Kommas enden oder nicht. Max. Zeilenbreite steuert, wann ein langes Objektliteral oder eine Argumentenliste auf mehrere Zeilen aufgeteilt wird, anstatt über den Rand hinaus zu gehen. Minifizieren bringt denselben Code auf eine Zeile mit entfernten Leerzeichen und Kommentaren, wenn Sie eine kompakte Kopie statt einer lesbaren benötigen.
Dies ist ein Formatter, kein Linter oder Bundler: Es schreibt keine Logik um, benennt Variablen nicht um und löst Importe nicht auf, und es führt Ihren Code nicht aus. Das Ziel ist es, die Ausgabe für realistisches JavaScript und TypeScript gültig zu halten, einschließlich Klassen, asynchronen Funktionen, Destrukturierung, Spread-Operatoren und Dekoratoren — wirklich schlecht geformte Eingaben (unvollendete Zeichenkette oder Kommentar) werden bestmöglich reformatiert, anstatt vollständig abgelehnt zu werden.
Alles läuft lokal in Ihrem Browser. Ihr Quellcode wird nie auf einen Server hochgeladen, was für proprietären oder unveröffentlichten Code genauso wichtig ist wie für einen schnellen Ausschnitt aus einem Fehlerbericht. Kopieren Sie das formatierte Ergebnis, laden Sie es als .txt-Datei herunter oder senden Sie es an ein anderes Tool, um die Arbeit fortzusetzen.
Häufige Fragen
Unterstützt es TypeScript, nicht nur JavaScript?
Ja. Typannotationen, generische Typen, Schnittstellen, optionale Eigenschaften und andere häufige TypeScript-Syntax werden erkannt und neben reinem JavaScript formatiert.
Wie unterscheidet sich "Minifizieren" von den anderen Optionen?
Es entfernt Kommentare und unnötige Leerzeichen und setzt den Code auf eine Zeile, behält aber die Semikola bei, die zum sicheren Trennen von Anweisungen erforderlich sind. Dies ist ein kompakter Formatierungsmodus, kein vollständiger Minifier — er benennt keine Variablen um und wendet keine anderen Größenoptimierungen an.
Wird mein Code dadurch beschädigt?
Der Formatter ändert nur Leerzeichen, Anführungszeichen und Semikola — er schreibt Ausdrücke oder Logik nie um. Kommentare und Zeichenketteninhalte werden genau so erhalten, wie sie geschrieben wurden.
Was passiert mit einer langen Zeile, wie einem großen Objektliteral?
Stellen Sie "Max. Zeilenbreite" ein, und ein Objekt- oder Array-Literal, das dies überschreiten würde, wird auf mehrere Zeilen aufgeteilt, einen Eintrag pro Zeile, anstatt über den Rand hinaus zu gehen.
Wird mein Code irgendwo hochgeladen?
Nein. Formatierung läuft vollständig in Ihrem Browser — Ihr Quellcode verlässt Ihr Gerät nie.