Preskoči na sadržaj

Formater JavaScript koda

Preformatiraj JavaScript ili TypeScript u konzistetnu, čitljivu kodnu strukturu.

Unos
80
Rezultat

Formater JavaScript koda

Zalijepi JavaScript ili TypeScript kod i ovaj alat će ga preformatirati u konzistenitnu razinu uvlake, razmake i prijelome redaka. Preformatirajira kod koji je minificiran ili nekonzistentno formatiran, normalizira blokove i objektne literale te čuva izraze poput ternarnih operatora, generičkih tipova, šablonskih literala, opcionalnoga povezivanja i strelastih funkcija s razmakom kako bi ih napisala osoba.

Opcije upravljaju detaljima, a ne strukturom. Odaberi razinu uvlake od 2 razmaka, 4 razmaka ili tabulatora, te jednostruke ili dvostruke znakove navoda — sadržaj stringova se pravilno ponovno kodira u oba slučaja, tako da se niti jedan znak u stringu nikada ne ošteti. Točke i zareze mogu se dodati na kraju svake izjave ili uklonjiti u korist automatskog umetanja; objekti i nizovi u više redaka mogu završiti sa zarezima na kraju ili bez njih. Najveća širina redaka kontrolira kada se dugi objektni literal ili seznam argumenata dijeli u više redaka umjesto da se proteže preko ruba ekrana. Minimizacija stisne isti kod u jedan redak s uklonjenim razmakom i komentarima, za slučaj kada ti je potrebna kompaktna verzija umjesto čitljive.

Ovo je formater, a ne linter ili bundler: ne prepisuje logiku, ne preimenovava varijable, niti razriješava uvozite, i ne izvršava tvoj kod. Cilj je održati izlaz valjanim za realistični JavaScript i TypeScript, uključujući klase, asinkrone funkcije, destrukturiranje, operatore rasprostiranja i dekoratore — pravi loše oblikovani unos (neterminirani string ili komentar) je reformatiran na najbolji mogući način umjesto potpunog odbijanja.

Sve se izvršava lokalno u tvom pregledniku. Tvoj izvorni kod se nikada ne učitava na server, što je važno kako za vlasnički ili nepublikovani kod tako i za brz isječak iz izvještaja o greški. Kopiraj formatirani rezultat, preuzmi ga kao .txt datoteku ili ga pošalji drugom alatu da nastaviš s radom.

FAQ

Podržava TypeScript, a ne samo JavaScript?
Da. Anotacije tipova, generički tipovi, sučelja, opcionalna svojstva i druga česta TypeScript sintaksa prepoznaju se i formatiraju zajedno sa običnim JavaScriptom.
Kako se "Minimizacija" razlikuje od ostalih opcija?
Uklanja komentare i nepotrebne razmake te stavlja kod u jedan redak, dok zadržava točke i zareze potrebne za siguran razmak izjava. To je kompaktan način formatiranja, a ne potpuni minimizator — ne preimenovava varijable niti primjenjuje druga poboljšanja veličine.
Može li mi slomiti kod?
Formater mijenja samo razmake, znakove navoda i točke te zareze — nikada ne prepisuje izraze ili logiku. Komentari i sadržaj stringova čuvaju se točno kako su napisani.
Što se događa s dugim redakom, poput velikoga objektnog literala?
Postavi "Maksimalnu širinu redaka" i objektni ili niza literal koji bi je premašio dijeli se u više redaka, jedan unos po redaku, umjesto da se proteže preko ruba.
Je li moj kod negdje učitan?
Ne. Formatiranje se izvršava u potpunosti u tvom pregledniku — tvoj izvorni kod nikada ne napušta tvoj uređaj.