JavaScript Beautifier en formatter online
Formatteer, verwijder de verkleining en ruim rommelige of gecomprimeerde JavaScript (.js / .min.js) onmiddellijk in realtime op. Onze tokenbewuste JS-formatter verwerkt nauwkeurig ES6+ pijlfuncties, sjabloonliterals, reguliere expressies, for-loops, https:// URL's en gekoppelde methodeaanroepen - en bevat een JS Minifier met één klik voor compacte productiecode.
Hoe u JavaScript online kunt verfraaien en deminificeren
- Plak uw code: Plak uw gecomprimeerde
.min.js-bundel of niet-geformatteerde script in de Voer JavaScript-editor aan de linkerkant in of klik op Load Sample om ES6+-functies te testen. - Kies een snelle voorinstelling of pas opties aan: Klik op 2 Spaties (standaard), 4 Spaties, Allman + kettingbreuk of Minify (.min.js) of verfijn de beugel plaatsing, voorwaardelijke spatiëring en verwijdering van opmerkingen in het rechterpaneel.
- Review in realtime: De opgemaakte uitvoer en teken-/regel-/bloktellers worden automatisch bijgewerkt terwijl u typt of instellingen wijzigt.
- Kopiëren of downloaden: Klik op Kopiëren naar clipboard of Download .js om
script.beautified.js(ofscript.min.js) op te slaan.
JavaScript Opmaakopties uitgelegd
| Optie | Wat het controleert | Voor | Na |
|---|---|---|---|
| Same-Line beugels (K&R) | Plaatst opening { op de kopregel (aangevinkt) of op een nieuwe regel in Allman-stijl (niet aangevinkt). |
if(ok){uitvoeren();}anders{stop();} |
if (ok) { |
| Spatie vóór voorwaardelijk | Bepaalt of er een spatie verschijnt tussen if, for, while, switch, catch en (. |
voor(laat i=0;i<5;i++) |
voor (laat i = 0; i < 5; i++) |
| Geketende methoden verbreken | Splitst vloeiende methodeketens (.filter().map().sort()) over ingesprongen lijnen. |
items.filter(fn).map(fn).sort(); |
items.filter(fn) |
| Reactie verwijderen | Verwijdert // en /* */ opmerkingen terwijl https:// strings en regexes onaangeroerd blijven. |
const u = "https://a.com"; // url |
const u = "https://a.com"; |
Waarom een tokenbewuste JavaScript-formatter gebruiken?
Het opmaken van JavaScript met eenvoudige tekstvervangingsregels verbreekt vaak geldige code, omdat tekens als /, ; en { verschillende dingen betekenen, afhankelijk van de context. Onze formatter gebruikt een speciale JavaScript lexicale tokenizer die het volgende begrijpt:
- Strings & ES6-sjabloonliterals: Enkele aanhalingstekens (
'...'), dubbele aanhalingstekens ("..."), backtick-sjabloontekenreeksen (`Hallo ${name}`) en ontsnapte backslashes ("C:\\Users\\") worden woordelijk bewaard. - Reguliere expressies versus divisie: Onderscheidt regex-letterlijke waarden zoals
/^user_[0-9]+;?/ivan divisie-expressies zoals(a + b) / 2, zodat puntkomma's of schuine strepen in een regex de regel nooit splitsen. for (...)Lusheaders: Puntkomma's binnenfor (laat i = 0; i < n; i++)blijven op dezelfde kopregel in plaats van op te splitsen in drie afzonderlijke regels.- Safe Comment Stripping: Eénregelige
//en meerregelige/* */-opmerkingen worden afzonderlijk getokeniseerd, dus URL's zoals"https://api.example.com"worden nooit afgekapt bij het verwijderen van opmerkingen.
Veelgestelde vragen
Hoe kan ik het verkleinen van een .min.js-bestand online ongedaan maken?
Plak uw gecomprimeerde .min.js-code in de Input JavaScript-editor aan de linkerkant. De tokenizer breidt instructies, blokken, functies en lussen automatisch uit met schone inspringing van meerdere regels in realtime.
Heeft het verwijderen van reacties invloed op https:// URL's of regex-letterlijke waarden in mijn JavaScript?
Nee. Omdat onze formatter een lexicale tokenizer gebruikt in plaats van een naïeve reguliere expressie, worden // en /* */ in tekenreeksen met enkele aanhalingstekens, tekenreeksen met dubbele aanhalingstekens, sjabloonliterals en reguliere expressies (/pattern/g) nooit verwijderd of aangepast.
Wat is het verschil tussen K&R (zelfde lijn) en Allman (nieuwe lijn) beugelstijl?
K&R-stijl plaatst de openingsaccolade { op dezelfde regel als de function, if of lusheader (de standaard in de meeste JavaScript-stijlgidsen). Als u Dezelfde lijn accolades uitschakelt, wordt overgeschakeld naar de Allman-stijl, waarbij de openingsaccolade op zijn eigen nieuwe regel wordt geplaatst, uitgelijnd met de sluitende accolade.
Kan ik JavaScript ook verkleinen met deze tool?
Ja. Klik op de knop Minify JS (of selecteer Minify (Single-Line .min.js) in het instellingenpaneel) om opmerkingen en onnodige witruimte te verwijderen, terwijl de vereiste trefwoordruimten intact blijven.
Wordt mijn JavaScript-code naar een server geüpload?
Nee. Alle formattering en minificatie van de JavaScript wordt 100% lokaal in uw browser uitgevoerd. Uw broncode verlaat nooit uw apparaat.