JavaScript Beautifier & Formatierer online
Formatieren, entminifizieren und bereinigen Sie unordentliches oder komprimiertes JavaScript (.js / .min.js) sofort in Echtzeit. Unser tokenfähiger JS-Formatierer verarbeitet präzise ES6+-Pfeilfunktionen, Vorlagenliterale, reguläre Ausdrücke, for-Schleifen, https://-URLs und verkettete Methodenaufrufe – und enthält einen One-Click-Minifier JS für kompakten Produktionscode.
So verschönern und entminifizieren Sie JavaScript online
- Fügen Sie Ihren Code ein: Fügen Sie Ihr komprimiertes
.min.js-Bundle oder unformatiertes Skript in den Input-JavaScript-Editor auf der linken Seite ein oder klicken Sie auf Beispiel laden, um ES6+-Funktionen zu testen. - Wählen Sie eine Schnellvoreinstellung oder passen Sie die Optionen an: Abstand und Kommentarentfernung im rechten Bereich.
- Review in Echtzeit: Die formatierte Ausgabe und die Zeichen-/Zeilen-/Blockzähler werden automatisch aktualisiert, während Sie etwas eingeben oder Einstellungen umschalten.
- Kopieren oder herunterladen: Klicken Sie auf In clipboard kopieren oder Laden Sie .js herunter, um
script.beautified.js(oderscript.min.js) zu speichern.
JavaScript Formatierungsoptionen erklärt
| Option | Was es steuert | Vorher | Nachher |
|---|---|---|---|
| Same-Line-Klammern (K&R) | Platziert die Eröffnung { in der Kopfzeile (markiert) oder in einer neuen Zeile im Allman-Stil (deaktiviert). |
if(ok){run();}else{stop();} |
if (ok) { |
| Leerzeichen vor bedingtem | Steuert, ob ein Leerzeichen zwischen if, for, while, switch, catch und () erscheint. |
for(let i=0;i<5;i++) |
für (sei i = 0; i < 5; i++) |
| Break Chained Methods | Teilt fließende Methodenketten (.filter().map().sort()) über eingerückte Zeilen auf. |
items.filter(fn).map(fn).sort(); |
items.filter(fn) |
| Remove Comments | Entfernt //- und /* */-Kommentare, während https://-Zeichenfolgen und reguläre Ausdrücke unberührt bleiben. |
const u = "https://a.com"; // url |
const u = "https://a.com"; |
Warum einen Token-fähigen JavaScript-Formatierer verwenden?
Durch die Formatierung von JavaScript mit einfachen Textersetzungsregeln wird gültiger Code häufig beschädigt, da Zeichen wie /, ; und { je nach Kontext unterschiedliche Bedeutungen haben. Unser Formatierer verwendet einen dedizierten JavaScript lexikalischen Tokenizer, der Folgendes versteht:
- Strings und ES6-Vorlagenliterale: Einfache Anführungszeichen (
'...'), doppelte Anführungszeichen ("..."), Backtick-Vorlagenzeichenfolgen (`Hello ${name}`) und maskierte Backslashes ("C:\\Users\\") bleiben wörtlich erhalten. - Reguläre Ausdrücke vs. Division: Unterscheidet regex-Literale wie
/^user_[0-9]+;?/ivon Divisionsausdrücken wie(a + b) / 2, sodass Semikolons oder Schrägstriche innerhalb eines regex die Zeile niemals teilen. for (...)Schleifenköpfe: Semikolons innerhalb vonfor (let i = 0; i < n; i++)bleiben in derselben Kopfzeile, anstatt in drei separate Zeilen aufzuteilen.- Safe Comment Stripping: Einzeilige
//und mehrzeilige/* */Kommentare werden separat tokenisiert, sodass URLs wie"https://api.example.com"beim Entfernen von Kommentaren nie abgeschnitten werden.
Häufig gestellte Fragen
Wie entminifiziere ich eine .min.js-Datei online?
Fügen Sie Ihren komprimierten .min.js-Code in den Input JavaScript-Editor auf der linken Seite ein. Der Tokenizer erweitert Anweisungen, Blöcke, Funktionen und Schleifen automatisch in Echtzeit mit sauberer mehrzeiliger Einrückung.
Wirkt sich das Entfernen von Kommentaren auf https://-URLs oder regex-Literale in meinem JavaScript aus?
Nein. Da unser Formatierer einen lexikalischen Tokenizer anstelle eines naiven regulären Ausdrucks verwendet, werden // und /* */ in Zeichenfolgen in einfachen Anführungszeichen, Zeichenfolgen in doppelten Anführungszeichen, Vorlagenliteralen und regulären Ausdrücken (/pattern/g) niemals entfernt oder geändert.
Was ist der Unterschied zwischen dem K&R-Klammerstil (gleiche Linie) und dem Allman-Klammerstil (neue Linie)?
Der K&R-Stil platziert die öffnende geschweifte Klammer { in derselben Zeile wie die -Funktion, if oder den Schleifenheader (der Standard in den meisten JavaScript-Styleguides). Deaktivieren Sie Same-line-Klammern. wechselt zum Allman-Stil und platziert die öffnende Klammer auf einer eigenen neuen Linie, die an der schließenden Klammer ausgerichtet ist.
Kann ich JavaScript mit diesem Tool auch minimieren?
Ja. Klicken Sie auf die Schaltfläche Minify JS (oder wählen Sie im Einstellungsfeld Minify (Single-Line .min.js) aus), um Kommentare und unnötige Leerzeichen zu entfernen und gleichzeitig die erforderlichen Schlüsselworträume beizubehalten.
Wird mein JavaScript-Code auf einen Server hochgeladen?
Nein. Die gesamte JavaScript-Formatierung und -Minimierung wird zu 100 % lokal in Ihrem Browser ausgeführt. Ihr Quellcode verlässt niemals Ihr Gerät.