Chiarisci uno script JavaScript

Gli sviluppatori usano Formattatore JavaScript prima di una revisione del codice, una sessione di debug o un passaggio di consegne.

Chiarisci uno script JavaScript, per rendere più semplici revisione, modifica e debug. Tutto avviene gratis nel browser, senza creare un account.

Come si usa

Incolla il tuo JavaScript nell'area di input, oppure importa il file direttamente dal tuo computer.
Esegui il passaggio di formattazione e lo strumento riscrive interruzioni di riga e indentazione, così la struttura del codice diventa visibile a colpo d'occhio.
Confronta il risultato con l'originale per individuare blocchi annidati, funzioni e oggetti chiusi male.
Copia la versione riordinata nel tuo editor o passala a un collega per la revisione.
Svuota il pannello prima di caricare un altro file, così due script non si mescolano.

Esempio

Un caso comune: uno script consegnato da un collaboratore esterno arriva come un'unica riga enorme. Una volta formattato, vedi subito dove iniziano funzioni e condizioni, il che rende molto più rapida la revisione del file e la ricerca di una parentesi graffa mancante.

Limiti e formati

La formattazione cambia la presentazione, non il comportamento: non corregge alcun errore di logica né di sintassi nel tuo codice.
Il codice scritto in un linguaggio strettamente correlato può meritare un controllo aggiuntivo dopo essere passato nello strumento.
Confronta l'output con l'originale prima di sostituire qualsiasi cosa, soprattutto quando le stringhe contengono spazi significativi.
Per un progetto distribuito su molti file, gestiscili uno alla volta e conserva un backup di ciascuno.

Dove avviene il trattamento

La formattazione avviene interamente nel tuo browser sul codice che incolli o importi. Nessuno snippet viene inviato da nessuna parte e nulla viene conservato dopo la chiusura della pagina, quindi il codice interno può essere ripulito senza lasciare la tua macchina.

Domande frequenti

La formattazione può rompere il mio script?

Non dovrebbe cambiare il comportamento del codice, dato che riscrive solo il layout. Conserva comunque una copia dell'originale e confronta le due versioni prima di sovrascrivere il file di lavoro.

Quali tipi di file posso importare?

Il selettore accetta file .js, .mjs, .cjs, .ts, .tsx, .html, .css, .json, .sql e .graphql, oltre a testo semplice. Viene caricato un solo file alla volta.

Lo strumento corregge gli errori di sintassi?

No, rende semplicemente il codice leggibile. Una parentesi graffa mancante o una virgola in più resta esattamente dov'era; leggere la versione formattata è ciò che ti aiuta a individuarla più rapidamente.