Formator JavaScript

Analizează codul într-un arbore sintactic ca modul ES și afișează arborele din nou într-un stil consecvent. Deoarece codul este analizat, în loc să fie modificat prin reguli aplicate textului, structura rezultatului corespunde întotdeauna cu cea a datelor de intrare.

Blocurile sunt indentate cu două spații, fiecare instrucțiune apare pe propriul rând, operatorii au spații în jurul lor, iar instrucțiunile se termină cu punct și virgulă. Obiectele și tablourile literale scurte rămân pe un singur rând, iar ghilimelele șirurilor și șabloanele literale sunt păstrate așa cum au fost scrise.

Nu, formatorul nu are opțiuni. Fiecare text de intrare este afișat în același stil, ceea ce face rezultatele previzibile atunci când le partajați.

Instrumentul se oprește și afișează mesajul analizatorului, de exemplu Unexpected: urmat de simbolul problematic. Corectați problema raportată și rulați din nou formatorul.

Da, comentariile pe un singur rând și cele pe mai multe rânduri sunt păstrate și plasate lângă instrucțiunile cărora le aparțin. Un comentariu din interiorul unei instrucțiuni se poate muta la începutul instrucțiunii următoare.

Da, parserul înțelege sintaxa modernă, precum importul și exportul, funcțiile săgeată, clasele, async și await, destructurarea, operatorul spread, înlănțuirea opțională, coalescența valorilor nule și literalii de șablon. Literalii obiect mai lungi, care nu încap pe un singur rând, sunt împărțiți, cu câte o proprietate pe rând.

Da, fișierele minificate sunt analizate și împărțite în rânduri lizibile, cu indentare. Numele scurte de variabile alese de minificator sunt păstrate, deoarece formatarea nu redenumește nimic.

Nu, modifică doar spațiile albe, întreruperile de rând și terminatorii instrucțiunilor. Singurele adăugiri sunt punctele și virgulele, care corespund modului în care JavaScript citește deja codul.

Rezultatul este returnat ca bloc de cod Markdown care începe cu un delimitator javascript, astfel încât să fie afișat cu evidențiere când este lipit în Markdown. Copiați rândurile dintre delimitatoare dacă doriți codul sursă simplu.

Această pagină se ocupă de JavaScript simplu. Folosiți Formatorul JSX pentru componente React și Formatorul TypeScript sau Flow pentru cod tipizat, deoarece adnotările de tip nu fac parte din JavaScript standard.