Code formatieren / MULTIVERTO

JavaScript formatieren

Rücken Sie einfache JavaScript-Blöcke und Anweisungen ein.

Sofort umrechnenIhre Eingabe bleibt im Browser. Text wird für die Umrechnung nicht hochgeladen.
Die Datei bleibt in Ihrem Browser.
Werkzeuge verketten

Jedes Textwerkzeug auf das vorherige Ergebnis anwenden.

01 / Anleitung

So funktioniert es

Einrückung und Zeilenumbrüche zeigen die Struktur; unterstützte Eingabeelemente bleiben erhalten.

Gut zu wissen

Prüfen Sie bei komplexer Syntax oder Produktionsdateien die Ausgabe in der Zielanwendung und mit einem spezialisierten Werkzeug.

02 / Beispiel

Beispiel

Ihre Eingabefunction greet(name){const message="Hallo, "+name;return message;}
Ergebnisfunction greet(name){ const message="Hallo, "+name; return message; }

03 / Anleitung

JavaScript formatieren — So funktioniert es

Was dieses Werkzeug ändert

Rücken Sie einfache JavaScript-Blöcke und Anweisungen ein. Einrückung und Zeilenumbrüche zeigen die Struktur; unterstützte Eingabeelemente bleiben erhalten. Der JavaScript-Formatter bearbeitet einfache Blöcke mit geschweiften Klammern und ausdrücklichen Semikola. Eine einzeilige Funktion wird lesbarer. Templates und mehrdeutige reguläre Ausdrücke werden abgewiesen, weil sie einen vollständigen Parser brauchen.

Das Format verstehen

JavaScript kann Strings, Kommentare, reguläre Ausdrücke, Template-Literale und Konstruktionen enthalten, bei denen ein Zeilenumbruch zählt. Ein kleiner Editor kann Grenzen nicht immer an Satzzeichen erkennen. Der Block-Formatter verarbeitet einfachen Code mit geschweiften Klammern und Semikola; Templates oder mehrdeutige Regex-Syntax werden zurückgewiesen, statt still verändert. Er ist für kurze Prüfbeispiele gedacht, nicht zum Bündeln von Anwendungscode. Das gesonderte String-Escape-Werkzeug behandelt sämtliche Eingaben als Daten und serialisiert sie in ein zitiertes Literal; es führt den Text nicht aus. Prüfen Sie beide Ausgaben mit dem Parser und den Tests der Zielumgebung.

Ein verlässlicher Ablauf

Formatieren hilft vor allem bei Prüfung und Fehlersuche, weil Einrückungen eine fehlende Verschachtelung oder ein unerwartetes Nebenelement sichtbar machen. Fügen Sie ein vollständiges, repräsentatives Fragment ein und formatieren Sie es einmal. Lesen Sie die Ausgabe von außen nach innen und achten Sie auf Anfang und Ende jedes Elements, Blocks oder jeder Klausel. Diese Seite ersetzt keinen Compiler für sämtliche Spracherweiterungen; fortgeschrittene Konstruktionen können abgewiesen werden. Prüfen Sie nach dem Kopieren mit dem üblichen Validator oder den Tests des Zielprojekts. Bevor Sie den formatierten Text speichern, betrachten Sie den Unterschied zur Quelle, damit Layoutänderungen keine unbeabsichtigte Änderung an Literalen oder Datenwerten verdecken.

Das Ergebnis prüfen

Bewahren Sie die Quelle neben der Ausgabe auf und prüfen Sie zuerst ein kleines bekanntes Beispiel, bevor Sie ein großes Dokument bearbeiten. Vergleichen Sie den sachlichen Inhalt, nicht bloß Dateigröße oder Zeilenzahl. Kontrollieren Sie Namen, zitierte Zeichenketten, Nicht-ASCII-Zeichen, Zeilenenden und wiederholte Felder nach der Umwandlung. Eine lesbare Ausgabe validiert kein Schema, belegt keine Ausführbarkeit von Code und macht Daten nicht automatisch veröffentlichbar. Diese Seite verarbeitet Text im Browser und zeigt die Ausgabe als Text; beim Einfügen gelten jedoch die Regeln der Zielanwendung. Wird eine Eingabe abgewiesen, suchen Sie die nicht unterstützte Konstruktion und verwenden Sie gegebenenfalls einen spezialisierten Parser.

So wird die Eingabe umgewandelt
JavaScript — Eingabe
Struktur lesen und umwandeln
JavaScript — Ergebnis