Vai al contenuto

Formattatore JavaScript

Riformatta JavaScript o TypeScript in codice coerente e leggibile.

Ingresso
80
Uscita

Formattatore JavaScript

Incolla JavaScript o TypeScript e questo strumento lo riformatta con indentazione coerente, spaziatura e interruzioni di riga appropriate. Riformatta il codice minificato o formattato in modo incoerente, normalizza i blocchi e i letterali degli oggetti, e preserva espressioni come operatori ternari, tipi generici, letterali di template, encatenamento facoltativo e funzioni freccia con la spaziatura che scriverebbe una persona.

Le opzioni controllano i dettagli, non la struttura. Scegli l'indentazione con 2 spazi, 4 spazi o tabulazioni, e virgolette singole o doppie — il contenuto delle stringhe viene ricodificato correttamente in entrambi i casi, quindi nessun carattere all'interno della stringa viene mai danneggiato. I punti e virgola possono essere aggiunti alla fine di ogni istruzione o rimossi a favore dell'inserimento automatico; gli oggetti e gli array multi-riga possono terminare con virgole finali o meno. La larghezza massima della riga controlla quando un letterale di oggetto lungo o un elenco di argomenti viene diviso su più righe invece di estendersi oltre il bordo dello schermo. Minificare comprime lo stesso codice su una sola riga con spazi bianchi e commenti rimossi, per quando hai bisogno di una copia compatta invece che leggibile.

È un formattatore, non un linter o bundler: non riscrive la logica, non rinomina le variabili né risolve le importazioni, e non esegue il tuo codice. L'obiettivo è mantenere l'output valido per JavaScript e TypeScript realistici, incluse classi, funzioni asincrone, destrutturazione, operatori spread e decoratori — l'input veramente malformato (stringa o commento non terminato) viene riformattato al meglio invece di essere completamente rifiutato.

Tutto viene eseguito localmente nel tuo browser. Il tuo codice sorgente non viene mai caricato su un server, il che è importante sia per il codice proprietario o inedito che per uno snippet veloce da un rapporto di errore. Copia il risultato formattato, scaricalo come file .txt, o invialo a un altro strumento per continuare a lavorare.

FAQ

Supporta TypeScript, non solo JavaScript?
Sì. Le annotazioni di tipo, i tipi generici, le interfacce, le proprietà facoltative e altre sintassi TypeScript comuni vengono riconosciute e formattate insieme a JavaScript semplice.
In che modo "Minificare" differisce dalle altre opzioni?
Rimuove i commenti e gli spazi inutili e mette il codice su una sola riga, mantenendo al contempo i punti e virgola necessari per separare in modo sicuro le istruzioni. È una modalità di formattazione compatta, non un minificatore completo — non rinomina le variabili né applica altre ottimizzazioni di dimensione.
Può rompere il mio codice?
Il formattatore cambia solo spazi, virgolette e punti e virgola — non riscrive mai espressioni o logica. I commenti e il contenuto delle stringhe vengono preservati esattamente come scritti.
Cosa succede con una riga lunga, come un grande letterale di oggetto?
Imposta "Larghezza max della riga" e un letterale di oggetto o array che la supererebbe viene diviso su più righe, una voce per riga, invece di estendersi oltre il bordo.
Il mio codice viene caricato da qualche parte?
No. La formattazione viene eseguita interamente nel tuo browser — il tuo codice sorgente non lascia mai il tuo dispositivo.