Zur Startseite

JavaScript-Formatter

Fuege minifiziertes oder unordentliches JavaScript ein und erhalte lesbare Einrueckung, waehrend Strings, Templates und Kommentare moeglichst erhalten bleiben.

Coding Warte auf Ergebnis
Problem melden

Coding

Formatiertes Ergebnis

Pruefe das Ergebnis, kopiere es oder lade eine .js-Datei herunter.

Syntax pruefen

Syntax wirkt gueltig

Code-Uebersicht

Hinweis zum Browser-Formatter

Eingabezeilen

2

Ausgabezeilen

13

Zeichen

195 / 168

Minify-Ersparnis

0,6%

Funktionen

1

Deklarationen

2

Quell-JavaScript

Fuege minifizierten Code, kaputte Umbrueche oder ein Snippet ein.

Formatiertes Ergebnis

Pruefe das Ergebnis, kopiere es oder lade eine .js-Datei herunter.

function greet(name) {
  const message="Hello, "+name;
  if(name) {
    console.log(message);
}
  return message;
}
const users=["Ada",
"Linus",
"Grace"].map((name)=>({
  name,
  active:true
}));

Pruefliste

  • Vor dem Ausfuehren auf Secrets oder Tokens pruefen.
  • Regex, Template-Strings und JSX-lastigen Code sorgfaeltig pruefen.
  • Bei Produktivcode nach dem Formatieren Tests und Lint ausfuehren.

Hinweis zum Browser-Formatter

Dieses Tool ist fuer schnelle Bereinigung und Review gedacht. In Teamprojekten sind ESLint, Prettier und TypeScript-Builds die finale Referenz.

JavaScript leichter pruefen

Der Formatter laeuft im Browser und sendet keinen Code an einen Server. Er nutzt Klammern, Semikolons, Kommas und Kommentare fuer Zeilen und Einrueckung.

Nutzungshinweise

  • Strings, Template-Strings, Zeilen- und Blockkommentare bleiben moeglichst erhalten.
  • Klammern und Semikolons erzeugen neue Zeilen; Einrueckung wird neu berechnet.
  • Der Syntaxcheck nutzt den JavaScript-Parser des Browsers fuer normalen Script-Code.

Haeufige Fragen

Ersetzt das Prettier?expand_more

Nein. Es ist ein praktischer Browser-Formatter ohne externe Pakete. Fuer komplexen Produktivcode den Projekt-Formatter nutzen.

Wird mein Code hochgeladen?expand_more

Nein. Formatieren, Minify, Pruefung und Kopieren passieren im Browser.

Kann import/export fehlschlagen?expand_more

Ja. Die Pruefung nutzt Function, daher kann Modulsyntax fehlschlagen.

Weiter entdecken

Weitere Tools fuer den naechsten Schritt

Wechsle zu aehnlichen Tools derselben Kategorie und zu beliebten Gogotem-Tools.

Alle Tools ansehen arrow_forward