Formattatore JavaScript
Formatta e abbellisci codice JavaScript online, gratuitamente.
Input
Output
Cos'è il Formattatore JavaScript?
Hai appena ricevuto un blob JavaScript di 2.000 caratteri su una riga da un'API di terze parti, o stai eseguendo il debug di un bundle di produzione — completamente illeggibile. Questo formattatore aggiunge la corretta indentazione, interruzioni di riga e spaziatura in modo che la struttura diventi immediatamente chiara. La documentazione MDN JavaScript è il riferimento del linguaggio, e la specifica ECMAScript ne definisce le basi. Strumenti come Prettier e ESLint gestiscono questo nelle pipeline CI — ma quando hai bisogno di un formato rapido ora, è qui. Tutto gira nel tuo browser; nessun codice lascia il tuo computer. webpack e Rollup producono output minimizzati che vuoi formattare per il debug.
Questo strumento funziona interamente nel tuo browser. Nulla viene inviato a un server. Incolla JS o carica un file; ottieni l'output formattato. Usa Minimizza per i bundle di produzione. Per la validazione, usa il Validatore JavaScript. Per la sola minimizzazione, usa il JavaScript Minifier.
Come usare questo strumento
Incolla o carica
Incolla JavaScript nel pannello sinistro o carica un file .js o .txt. Usa Esempio per caricare codice di esempio. Usa Cancella per reimpostare.
Controlla l'output
Il pannello di destra si aggiorna automaticamente con il codice formattato. Usa Minimizza per produrre una versione compatta per la produzione.
Copia o scarica
Usa Copia o Scarica per ottenere il risultato. Per JSX/React, usa il Formattatore JSX. Per la conversione TypeScript, usa JavaScript in TypeScript.
Esempi di formattazione JavaScript
Ecco un esempio di formattazione del codice JavaScript minimizzato.
Esempio: Ricerca piano abbonato
Input minimizzato:
Output formattato:
Quando il Formattatore JavaScript è utile
Durante il debug di codice minimizzato, la revisione di bundle da webpack o rollup, o l'apprendimento da script di produzione, la formattazione rende visibile la struttura. Ottimo per stack trace, codice di terze parti e controlli rapidi di leggibilità. Per il codice offuscato, usa prima il Deoffuscatore JavaScript.
Domande frequenti
I miei dati sono privati?
Sì. La formattazione viene eseguita interamente nel tuo browser. Nessun dato viene inviato a nessun server.
Formattatore vs Minimizzatore?
Il formattatore aggiunge indentazione per la leggibilità. Il minimizzatore rimuove spazi e commenti per ridurre le dimensioni del file. Questo strumento può fare entrambe le cose.
Supporta ES6+?
Sì. La sintassi JavaScript moderna (funzioni freccia, classi, async/await) è supportata.
E per JSX?
Per il codice JSX e React, usa il Formattatore JSX.
Può correggere gli errori di sintassi?
No. Il JavaScript non valido mostrerà un errore. Usa il Validatore JavaScript per controllare prima la sintassi.
Strumenti correlati
Scopri di più: ECMAScript, MDN JavaScript, webpack, rollup, source maps, Vite, TypeScript.