Formattatore JavaScript
Formattate codice JavaScript disordinato o minificato con questo formattatore JavaScript. Incollate il codice: lo strumento lo analizza come modulo ES e lo stampa di nuovo con un rientro di due spazi, un'istruzione per riga, spaziatura uniforme intorno agli operatori e punti e virgola alla fine delle istruzioni, mantenendo i commenti. Gli errori di sintassi vengono segnalati senza fare supposizioni, così gli sviluppatori ottengono codice leggibile e valido, pronto per revisioni, debug e documentazione.
Domande frequenti
Come funziona il formattatore JavaScript?
Analizza il codice in un albero sintattico come modulo ES e poi ristampa l'albero con uno stile uniforme. Poiché il codice viene analizzato anziché modificato con regole testuali, la struttura dell'output corrisponde sempre a quella dell'input.
Quale stile usa l'output?
I blocchi hanno un rientro di due spazi, ogni istruzione è su una riga separata, gli operatori hanno spazi intorno e le istruzioni terminano con un punto e virgola. Gli oggetti e gli array brevi restano su una riga; le virgolette delle stringhe e i template literal vengono mantenuti come sono.
Posso cambiare il rientro o altre impostazioni?
No, il formattatore non ha opzioni. Ogni input viene stampato con lo stesso stile, così i risultati restano prevedibili quando li condividete.
Che cosa succede se il mio codice contiene un errore di sintassi?
Lo strumento si ferma e mostra il messaggio dell'analizzatore, ad esempio Unexpected: seguito dal token che causa l'errore. Correggete il problema segnalato e avviate di nuovo il formattatore.
I commenti vengono mantenuti?
Sì, i commenti su una riga e quelli su più righe vengono mantenuti e associati alle istruzioni a cui appartengono. Un commento all'interno di un'istruzione può essere spostato all'inizio dell'istruzione successiva.
Supporta la sintassi moderna JavaScript?
Sì, il parser comprende la sintassi moderna, come import ed export, funzioni freccia, classi, async e await, destrutturazione, spread, concatenamento opzionale, coalescenza dei null e template literal. I letterali di oggetti più lunghi che non stanno su una riga vengono suddivisi, con una proprietà per riga.
Posso formattare il codice minificato?
Sì, i file minificati vengono analizzati e distribuiti su righe leggibili con rientri. I nomi brevi delle variabili scelti dal minificatore vengono mantenuti, perché la formattazione non rinomina mai nulla.
La formattazione cambierà il comportamento del mio codice?
No, cambia solo gli spazi bianchi, le interruzioni di riga e i terminatori delle istruzioni. Le uniche aggiunte sono i punti e virgola, che corrispondono a come JavaScript legge già il codice.
Perché il risultato è racchiuso in un blocco di codice javascript?
Il risultato viene restituito come blocco di codice Markdown che inizia con un fence javascript, così viene visualizzato con l'evidenziazione quando lo incollate in Markdown. Copiate le righe tra i fence per ottenere il codice sorgente semplice.
E per JSX, TypeScript o Flow?
Questa pagina gestisce JavaScript semplice. Usate il Formattatore JSX per i componenti React e il Formattatore TypeScript o Flow per il codice tipizzato, perché le annotazioni di tipo non fanno parte di JavaScript standard.