Sări la conținut

Formatator de JavaScript

Reformatează JavaScript sau TypeScript în cod coherent și lizibil.

Intrare
80
Ieșire

Formatator de JavaScript

Lipește JavaScript sau TypeScript și acest instrument o reformatează cu indentare consecventă, spațiere și rupturi de linie corespunzătoare. Reformatează cod minificat sau formatat inconsecvent, normalizează blocuri și literale de obiecte, și păstrează expresii precum operatori ternari, tipuri generice, literale de șablon, înlănțuire opțională și funcții săgeată cu spațierea pe care ar scrie-o o persoană.

Opțiunile controlează detaliile, nu structura. Alegeți indentare cu 2 spații, 4 spații sau tabulații, și ghilimele simple sau duble — conținutul șirurilor este recodificat corect în ambele cazuri, deci niciun caracter din șir nu este dăunat. Punctele și virgulele pot fi adăugate la sfârșitul fiecărei instrucțiuni sau eliminate în favoarea inserării automate; obiectele și matricele pe mai multe linii pot termina cu virgule finale sau nu. Lungimea maximă a liniei controlează când un literal de obiect lung sau o listă de argumente este divizată pe mai multe linii în loc să se întindă dincolo de marginea ecranului. Minificare comprima același cod pe o singură linie cu spații și comentarii eliminate, pentru când aveți nevoie de o copie compactă în loc de una lizibilă.

Acesta este un formatator, nu un linter sau bundler: nu rescrie logica, nu redenumește variabilele nici nu rezolvă importurile, și nu execută codul dvs. Scopul este să păstreze ieșirea validă pentru JavaScript și TypeScript realist, inclusiv clase, funcții asincrone, destructurare, operatori spread și decoratori — intrarea cu adevărat deformat (șir sau comentariu neterminate) este reformatată pe bază de efort maxim în loc să fie complet respinsă.

Totul rulează local în browserul dvs. Codul sursă nu este niciodată încărcat pe un server, ceea ce este important atât pentru codul proprietar sau nepublicat cât și pentru un fragment rapid dintr-un raport de eroare. Copiați rezultatul formatat, descărcați-l ca fișier .txt, sau trimiteți-l la un alt instrument pentru a continua lucrul.

FAQ

Suportă TypeScript, nu doar JavaScript?
Da. Adnotările de tip, tipurile generice, interfețele, proprietățile opționale și alte sintaxe TypeScript comune sunt recunoscute și formatate alături de JavaScript simplu.
Ce diferență are "Minificare" față de celelalte opțiuni?
Elimină comentariile și spațiile inutile și plasează codul pe o singură linie, păstrând în același timp punctele și virgulele necesare pentru separarea sigură a instrucțiunilor. Este un mod de formatare compact, nu un minificator complet — nu redenumește variabilele nici nu aplică alte optimizări de dimensiune.
O să-mi rupă codul?
Formatorul schimbă doar spații, caractere de ghilimele și puncte și virgule — nu rescrie niciodată expresii sau logică. Comentariile și conținutul șirurilor sunt păstrate exact cum au fost scrise.
Ce se întâmplă cu o linie lungă, cum ar fi un literal de obiect mare?
Setați "Lungimea maximă a liniei" și un literal de obiect sau matrice care ar depăși-o este divizat pe mai multe linii, o intrare pe linie, în loc să se întindă dincolo de margine.
Codul meu este încărcat undeva?
Nu. Formatarea rulează complet în browserul dvs. — codul sursă nu lasă niciodată dispozitivul dvs.