JavaScript formatieren: Einrückung wählen und Code minimieren

Fügen Sie JavaScript ein, wählen Sie Formatierung oder den Modus minify und legen Sie bei Bedarf eine Einrückung von 0 bis 8 fest. Leere Eingaben ergeben eine leere Ausgabe; zu große oder ungeeignete Eingaben können fehlschlagen.

JavaScript-Text passend aufbereiten

Der JavaScript-Formatter bringt unübersichtlichen JavaScript-Text in eine besser lesbare Form oder verdichtet ihn für eine kompaktere Ausgabe. Sie können dabei zwischen einer formatierten und einer minimierten Darstellung wählen und für die formatierte Ausgabe die Einrückung festlegen. Das Ergebnis ist eine Textausgabe: Das Werkzeug prüft den Code nicht, kompiliert ihn nicht und führt ihn nicht aus.

JavaScript formatieren oder minimieren

1. Fügen Sie den JavaScript-Text in das Eingabefeld ein. Leerzeichen oder Zeilenumbrüche allein gelten als leere Eingabe; in diesem Fall entsteht eine leere formatierte Ausgabe.

2. Wählen Sie den gewünschten Modus. Eine fehlende oder nicht gesetzte Auswahl verwendet die Formatierung. Für die Minimierung muss der Modus als minify angegeben werden. Andere Textwerte wählen ebenfalls die formatierte Ausgabe.

3. Legen Sie bei einer nicht leeren Eingabe die Einrückung fest. Zulässig sind Werte von 0 bis 8; standardmäßig werden 2 Leerzeichen verwendet. Ungültige Werte oder Werte außerhalb dieses Bereichs werden durch 2 Leerzeichen ersetzt.

4. Starten Sie die Verarbeitung und lesen Sie den ausgegebenen JavaScript-Text. Bei der Formatierung wird die gewählte Einrückungsgröße verwendet. Vorhandene Zeilenumbrüche bleiben bis zu zwei aufeinanderfolgenden Zeilenumbrüchen erhalten; ein abschließender Zeilenumbruch wird nicht ergänzt.

5. Verwenden Sie für eine kompakte Ausgabe den Modus minify. Dabei werden Kommentare außerhalb von Zeichenketten entfernt, geeignete Leerzeichen zusammengezogen, wiederholte Leerzeilen reduziert und Leerzeichen am Anfang und Ende entfernt. Der Inhalt von Zeichenketten einschließlich maskierter Zeichen bleibt erhalten.

Geben Sie für eine nicht leere Verarbeitung JavaScript als Text ein. Ein anderer Datentyp schlägt normalerweise fehl. Eine falsy Eingabe kann jedoch zunächst durch einen vorhandenen älteren Textwert ersetzt werden und danach erfolgreich verarbeitet werden. Überschreitet eine nicht leere Eingabe 1.000.000 UTF-8-Byte, schlägt die Formatierung statt einer Ausgabe fehl.

Ausgabe richtig einordnen

Eine formatierte Ausgabe sollte vor allem durch Einrückung und Zeilenumbrüche leichter lesbar sein. Bei einer repräsentativen Funktion enthält das Ergebnis einen Zeilenumbruch. Eine repräsentative Bedingung behält ihren alert-Aufruf. Bei der minimierten Ausgabe erwarten Sie dagegen weniger überflüssige Abstände und Kommentare außerhalb von Zeichenketten nicht mehr. Das bedeutet nicht, dass sich die Bedeutung des JavaScript-Codes in jedem Fall beurteilen lässt.

Prüfen Sie die Ausgabe deshalb anschließend in Ihrem eigenen Arbeitsablauf. Berücksichtigen Sie außerdem, dass die Verarbeitung nicht leerer Eingaben fehlschlagen kann, wenn die benötigte Formatierungsabhängigkeit nicht verfügbar ist. Auch besondere Syntax-, Kommentar- oder Zeichenkettenfälle sollten Sie selbst kontrollieren, weil die Minifizierung nicht als Verarbeitung jedes möglichen JavaScript-Musters vorausgesetzt werden darf.

Praktisches Beispiel

Eine Entwicklerin möchte eine kurze Funktion zunächst lesbar einrücken und anschließend als kompakteren JavaScript-Text ausgeben.

Sie geben function pruefen(){if(true){alert("Hallo");}} ein, wählen zunächst die Formatierung mit 4 Leerzeichen und starten die Verarbeitung. Danach wählen Sie minify und verarbeiten denselben Text erneut.

Die Ausgabe ist formatierter JavaScript-Text mit Zeilenumbrüchen und 4 Leerzeichen Einrückung. Bei der Minimierung ist derselbe Text kompakter, Kommentare außerhalb von Zeichenketten fehlen und Zeichenketteninhalte bleiben erhalten.

Einschränkungen

• Sehr große nicht leere Eingaben können fehlschlagen. Ebenso ist eine Verarbeitung nicht möglich, wenn die benötigte JavaScript-Formatierungsabhängigkeit nicht verfügbar ist.
• Die Minimierung darf nicht als Behandlung jedes möglichen JavaScript-Syntax-, Kommentar- oder Zeichenkettenfalls verstanden werden.

Häufige Fehler

• Ein wahrer, nicht als Text übergebener Modus kann wegen der erwarteten Kleinschreibung fehlschlagen. Verwenden Sie für die Minimierung den Textwert minify; andere Textwerte führen zur Formatierung.

Häufige Fragen

Kann ich eine leere Eingabe verarbeiten?

Ja, eine leere oder nur aus Leerraum bestehende Eingabe gelingt und erzeugt leeren formatierten Text. Für eine nicht leere Eingabe gilt diese Ausnahme nicht: Ein Nicht-Text schlägt normalerweise fehl.

Wie starte ich die Minimierung?

Verwenden Sie den Textwert minify. Eine fehlende oder falsy Modusauswahl sowie andere Textwerte wählen die Formatierung.

Welche Einrückung kann ich einstellen?

Für eine nicht leere Eingabe gilt eine Einrückung von 0 bis 8. Ungültige Werte und Werte außerhalb dieses Bereichs werden durch 2 Leerzeichen ersetzt.

Gibt es eine Größenbegrenzung für die Eingabe?

Eine nicht leere Eingabe über 1.000.000 UTF-8-Byte schlägt statt einer formatierten Ausgabe fehl.