Esaminare codice proveniente da un registro
Espandi un blocco compatto per seguire condizioni e chiamate. Rimuovi prefissi del registro, messaggi di errore e delimitatori Markdown dalla sorgente fornita.
Formattatore JavaScript
Formatta JavaScript, TypeScript o JSX per facilitarne la lettura senza eseguire codice. Elaborazione locale nel browser.
- Appunti
- Esporta
Dati non inviati
Impossibile elaborare questo input. Controlla la sintassi e i limiti indicati di seguito.
Risultato
Questo strumento ti è stato utile?
Come funziona questo strumento?
Riorganizza JavaScript per leggere più facilmente blocchi, espressioni e istruzioni. Il formattatore analizza la sintassi prima di produrre una presentazione coerente, senza dividere il testo a ogni graffa o punto e virgola. Stringhe, template ed espressioni regolari che contengono questi caratteri mantengono il proprio ruolo. Il codice è trattato come testo locale: non sono chiamate le funzioni incollate né caricati i moduli citati da import per eseguire il programma.
Il motore usa un parser JavaScript compatibile con i costrutti TypeScript e JSX riconosciuti. Ricostruisce la presentazione dalla rappresentazione sintattica, con blocchi rientrati e spazi coerenti fra operatori. Può normalizzare virgolette, punti e virgola e altre scritture mantenendo equivalenti i valori letterali.
Non è compilazione. Un’annotazione TypeScript come : string rimane tale e JSX resta JSX. L’output non funziona automaticamente in un browser che richiede JavaScript standard. Non si controllano tipi, import e nomi delle variabili; una sintassi accettata può contenere errori logici.
La sintassi supportata dipende dal parser incluso. Proposte JavaScript sperimentali, estensioni del compilatore e costrutti ambigui tra TypeScript e JSX possono essere rifiutati. Usa gli strumenti del progetto per sintassi particolari: il modulo non ne sostituisce tutte le opzioni.
La formattazione non minifica, rinomina variabili o elimina codice inutilizzato. Non produce source map e non carica la configurazione Prettier locale. Il download usa .js per impostazione predefinita: rinomina l’output TypeScript o JSX prima di aggiungerlo al repository.
Come usare questo strumento
Fornisci il codice completo
Incolla istruzioni pertinenti con stringhe e commenti chiusi. Importare un file accettato non esegue il relativo programma.
Avvia la formattazione sintattica
Esamina i rientri. Se fallisce, cerca stringhe incomplete, graffe mancanti o sintassi specializzata non supportata.
Rileggi prima dell’integrazione
Controlla i letterali, copia o scarica il risultato e scegli l’estensione del linguaggio sorgente. Modificare la sorgente nasconde il risultato precedente.
Casi d’uso
Discutere una condizione in revisione
Presenta blocchi leggibili prima di discuterne il comportamento. La disposizione non sostituisce i test sui rami effettivamente eseguiti.
Preparare esempi TypeScript leggibili
Conserva annotazioni in un esempio didattico senza compilarle. Controlla poi il codice con TypeScript nel suo ambiente reale.
Esempi
Conservare stringa, Regex e template
; e {} dentro i letterali non diventano confini di blocchi. L’annotazione TypeScript resta presente perché non avviene compilazione in JavaScript.
Input
const value: string="a;{b}";const re=/[{};]/g;const t=`x;${value}`;Risultato
const value: string = "a;{b}";
const re = /[{};]/g;
const t = `x;${value}`;
Espandere un blocco condizionale
Condizione e chiamata a() restano uguali. Si riorganizzano spazi, righe e rientri senza eseguire la condizione.
Input
if(x){a();}Risultato
if (x) {
a();
}
Consigli e buone pratiche
- Usa sorgenti originali invece di bundle minificati per recuperare nomi e commenti utili. La disposizione non ricostruisce simboli rinominati.
- Verifica errori di tipo con il compilatore o server di linguaggio del progetto; il modulo non effettua analisi dei tipi.
- Applica la configurazione del repository se il gruppo di lavoro richiede precise regole di formattazione.
- Rimuovi chiavi API prima di pubblicare un estratto. Il trattamento locale evita il caricamento sul formattatore, non la divulgazione successiva del codice copiato.
Fonti e riferimenti
- ECMAScript Language Specification (si apre in una nuova scheda), Ecma InternationalPagina in inglese
- The TypeScript Handbook — Everyday Types (si apre in una nuova scheda), TypeScriptPagina in inglese
Domande frequenti
Il mio JavaScript viene eseguito durante la formattazione?
No. Il motore analizza e riscrive una rappresentazione sintattica. Non chiama eval e non esegue funzioni o import dichiarati nel testo.
Le graffe nelle stringhe possono creare falsi blocchi?
Il parser distingue stringhe, template, espressioni regolari e blocchi. Evita quindi di dividere il testo indiscriminatamente su caratteri che appartengono a un letterale.
TypeScript e JSX vengono convertiti in JavaScript?
No. La presentazione conserva i costrutti riconosciuti. Compila con gli strumenti del progetto e adatta l’estensione del file scaricato per TypeScript o JSX.
Il codice accettato è necessariamente corretto?
Il successo conferma soltanto che il parser riconosce l’estratto. Variabili sconosciute, tipi incompatibili, import mancanti ed errori applicativi richiedono analisi e test separati.
Strumenti correlati
Continua con questi strumenti
Strumenti simili o complementari a questo.
Strumenti simili
Genera interfacce TypeScript, tipi, schemi Zod o JSON Schema da un esempio JSON.
SviluppoUsa questo strumento
Testa un’espressione regolare su un testo e ispeziona le corrispondenze ottenute.
SviluppoIn evidenzaUsa questo strumento
Formatta HTML o rimuovi commenti ordinari localmente, conservando spazi del testo e contenuto degli script durante la rimozione.
SviluppoUsa questo strumento