Correttore JS
Ripara codice JavaScript rotto automaticamente
Cos'è il Correttore JS?
Incolli un frammento da una pagina di documentazione o da una chat e il parser esplode. Manca un punto e virgola dove l'ASI non ha aiutato. Una graffa è sparita. Una stringa esce dalla fine della riga. Questo strumento prende quel JavaScript rotto e ti restituisce qualcosa che il motore accetta davvero.
La grammatica di JavaScript è definita dalla specifica ECMAScript di TC39, ed è ciò che ogni browser e Node.js seguono nel parsare il tuo codice. La reference JavaScript di MDN spiega le regole in linguaggio chiaro. L'inserimento automatico di punto e virgola (ASI) fa parte di quella grammatica — comodo quasi sempre, doloroso quando un capo riga inatteso cambia silenziosamente cosa significa il tuo codice. Questo correttore mira alle rotture di sintassi; se vuoi anche un riformattamento completo, passa l'output da Prettier dopo.
Tutto passa dal tuo browser al nostro backend e ritorna. Usalo come prima passata prima di puntare ESLint sul file — la maggior parte delle violazioni delle regole è più facile da leggere quando il codice almeno fa il parse.
Come Usare il Correttore JS
Tre passaggi. Ognuno usa i pulsanti e i pannelli reali di questa pagina.
Incolla JS Rotto o Carica Esempio
Metti il tuo JavaScript rotto nell'editor di sinistra. Clicca su JS di Esempio per vedere il tipo di input che il correttore mastica. Il caos classico è così — punto e virgola mancante, virgola assente in un literal di oggetto, graffa sbilanciata, valore che doveva essere una stringa ma è stato scritto senza apici:
function processOrder(customer) {
const order = { id: "ORD-9001" customer: customer, status: pending }
return order
Il correttore gestisce punti e virgola mancanti, sbilanciamenti di `{`/`}`, `[`/`]` e `(`/`)`, virgole mancanti in oggetti e array, valori senza apici, stringhe non terminate e combinazioni strane di operatori.
Clicca su Correggi JS!!
Premi il pulsante verde Correggi JS!!. Il codice va al backend, viene riparato e torna parsabile. Compare un indicatore di caricamento durante il processo — di solito uno o due secondi.
Rivedi l'Output
Il pannello destro mostra il codice corretto. La semantica resta il più vicina possibile al tuo input — solo la sintassi viene riparata. Copia l'output, rincollalo nel tuo editor e passalo dal tuo formatter o linter.
Quando Useresti Davvero Questo Strumento
Recuperare frammenti incollati
Il codice che arriva da una thread di Slack, una risposta StackOverflow o un PDF spesso perde apici, continuazioni di riga o segni di punteggiatura interi per strada. Passalo da qui prima di metterti a editarlo a mano.
Debuggare codice minified estratto
Quando stai leggendo uno stack trace da un bundle di produzione e prendi un frammento per ispezionarlo, fargli fare il parse è metà della battaglia. Sistema la sintassi prima, abbellisci dopo, scava infine.
Sorprese dell'ASI
Il codice che si appoggiava all'inserimento automatico di punto e virgola può rompersi in modi sottili — un `return` seguito da capo riga restituisce silenziosamente `undefined`, ad esempio. Il correttore aggiunge punti e virgola espliciti dove il parser li vuole.
Pulire stub generati da IA
I frammenti generati da un LLM ogni tanto perdono una graffa o saltano una virgola. Aggiusta la sintassi qui prima di passare il risultato a Babel o al tuo bundler.
Domande Frequenti
Il mio codice viene salvato da qualche parte?
Viene mandato al nostro backend perché il modello di IA lo ripari, poi ti restituiamo il risultato. Non logghiamo il codice, non lo usiamo per addestrare modelli e non lo utilizziamo per nient'altro che riparare questa singola richiesta.
Che tipi di errori corregge?
Roba a livello di sintassi: punti e virgola mancanti, parentesi sbilanciate, virgole mancanti in oggetti e array, valori senza apici dove ci si aspettava una stringa, stringhe e template literal non terminati, combinazioni malformate di operatori. I bug di logica (condizione sbagliata, off-by-one) sono fuori scope.
Cambierà il significato del mio codice?
Si sforza di non farlo. L'obiettivo è mantenere la semantica intatta e riparare solo la grammatica. Ci sono casi limite in cui serve interpretare (un token senza apici dove chiaramente dovrebbe esserci una stringa, ad esempio) — in quei casi il correttore sceglie l'intento più probabile. Controlla sempre l'output.
Supporta TypeScript?
La sintassi specifica di TypeScript — annotazioni di tipo, generics, decorator — è fuori scope. Il sottoinsieme JS di TS (classi, async/await, template literal, metodi moderni di array) si parsa senza problemi. Se vuoi una conversione completa a TS, vedi il nostro strumento JS a TypeScript.
Posso usarlo su codice di produzione?
È uno strumento di riparazione della sintassi, non un sostituto per linter o type checker. Tratta l'output come punto di partenza — passalo per ESLint e la tua suite di test prima di rilasciarlo.
C'è codice che proprio non riesce a riparare?
A volte. Se l'input è troppo frammentario o l'intento originale è genuinamente ambiguo (più riparazioni plausibili), il correttore ne sceglierà una — ma il risultato può essere sintatticamente valido e semanticamente sbagliato. Rivedi sempre l'output, specialmente per input di poche righe.
Altri Strumenti JavaScript che Potresti Necessitare
Riparare la sintassi è solo il primo passo. Ecco gli altri strumenti JavaScript del sito: