JavaScript Beautifier și Formatter Online
Formatați, deminificați și curățați instantaneu JavaScript dezordonat sau comprimat (.js / .min.js) în timp real. Formatatorul nostru JS conștient de simboluri gestionează cu precizie funcțiile săgeată ES6+, literalele șablonului, expresiile regulate, buclele for, URL-urile https:// și apelurile de metodă înlănțuite — și include un cod de producție compact cu un singur clic.
Cum să înfrumusețezi și să anulezi JavaScript online
- PInserați codul dvs.: Lipiți pachetul
.min.jscomprimat sau scriptul neformatat în Introdați editorul JavaScript din stânga sau faceți clic pe Lîncărcați Sample pentru a testa caracteristicile ES6+. - Palegeți un Preset rapid sau opțiuni de personalizare: Faceți clic pe 2 Spații (Standard), 4 Spaces, Allman + Chain Break sau 2 Spații (. spațierea condiționată și eliminarea comentariilor din panoul din dreapta.
- Rexaminare în timp real: Ieșirea formatată și contoarele de caractere/linii/blocuri se actualizează automat pe măsură ce tastați sau comutați setările.
- Copy sau Download: Faceți clic pe Copy în clipboard sau Download .js pentru a salva
script.beautified.js(sauscript.min.js).
JavaScript Opțiuni de formatare explicate
| Opţiune | Ceea ce controlează | Înainte | După |
|---|---|---|---|
| S bretele pe aceeași linie (K&R) | Plasează deschiderea { pe linia antetului (bifată) sau pe o linie nouă în stilul Allman (nebifată). |
if(ok){run();}else{stop();} |
if (ok) { |
| Space Before Conditional | Controlează dacă apare un spațiu între if, for, while, switch, catch și (. |
for(fie i=0;i<5;i++) |
for (fie i = 0; i < 5; i++) |
| BMetode înlănțuite de rupere | Împarte lanțurile de metode fluente (.filter().map().sort()) pe linii indentate. |
items.filter(fn).map(fn).sort(); |
items.filter(fn) |
| Reliminare comentarii | Îndepărtează comentariile // și /* */, păstrând neatinse șirurile și regexurile https://. |
const u = "https://a.com"; // url |
const u = "https://a.com"; |
De ce să folosiți un formatator JavaScript cu jetoane?
Formatarea JavaScript cu reguli simple de înlocuire a textului rupe adesea codul valid, deoarece caractere precum /, ; și { înseamnă lucruri diferite în funcție de context. Formatatorul nostru folosește un tokenizer lexical JavaScript dedicat care înțelege:
- Strings & ES6 Template Literals: Ghilimele simple (
'...'), ghilimele duble ("...), șirurile de șabloane backtick (`Hello ${name}`) și barele oblice inverse scapă ("C:\\Users\\") sunt păstrate text. - RExpresii regulate vs. Diviziune: Distinge literalele regex precum
/^user_[0-9]+;?/ide expresiile de divizare precum(a + b) / 2, astfel încât punct și virgulă sau barele oblice nu împărțiți niciodată linia . for (...)Anteturi bucle: Punct virgulă în interiorulfor (fie i = 0; i < n; i++)rămâne pe aceeași linie antet în loc să se rupă în trei linii separate.- Eliminarea sigură a comentariilor :
cu o singură linie//și comentariile cu mai multe linii/* */sunt tokenizate separat, astfel încât adresele URL precum"https://api.example.com"nu sunt niciodată trunchiate.
Întrebări frecvente
Cum deminific un fișier .min.js online?
Lipiți codul dvs. comprimat .min.js în Intry JavaScript editor din stânga. Tokenizer-ul extinde automat instrucțiunile, blocurile, funcțiile și buclele cu indentare curată pe mai multe linii în timp real.
Eliminarea comentariilor afectează adresele URL https:// sau literalele regex din JavaScript-ul meu?
Nu. Deoarece formatatorul nostru folosește un tokenizer lexical mai degrabă decât o expresie regulată naivă, // și /* */ în interiorul șirurilor cu ghilimele simple, șirurile cu ghilimele duble, literalele șablon și expresiile regulate (/pattern/g) nu sunt niciodată eliminate sau modificate.
Care este diferența dintre stilul K&R (aceeași linie) și Allman (linia nouă)?
Stilul K&R plasează bretele de deschidere { pe aceeași linie cu function, if sau antetul buclei (standard în majoritatea ghidurilor de stil JavaScript). Debifarea Sa bretele pe aceeași linie comută la stilul Allman, plasând bretele de deschidere pe propria linie nouă, aliniată cu bretele de închidere.
Pot și minify JavaScript cu acest instrument?
Da. Faceți clic pe butonul Minify JS (sau selectați Minify (Single-Line .min.js) în panoul de setări) pentru a elimina comentariile și spațiile albe inutile, păstrând intacte spațiile necesare pentru cuvinte cheie.
Codul meu JavaScript este încărcat pe vreun server?
Nu. Toate formatările și minificarea JavaScript se execută 100% local în browserul dvs. Codul sursă nu părăsește dispozitivul.