Convertitore online da TypeScript a JavaScript — Da TS/TSX a JS/JSX — Numio
Rimuovi i tipi TypeScript — annotazioni, interfacce, alias di tipo e generici — per ottenere JavaScript standard. Funziona con .ts e .tsx: JSX resta invariato, quindi un componente TSX diventa JSX. Il codice viene convertito localmente nel browser, senza controllo dei tipi, creazione di bundle o esecuzione.
Scopri come appare uno snippet TypeScript in JavaScript standard prima di usarlo in un progetto JS.
Code is converted on the server. No type-checking, execution or dependency bundling is performed. JSX is preserved.
TypeScript
JavaScript
Quando usarlo
- Scopri come appare uno snippet TypeScript in JavaScript standard prima di usarlo in un progetto JS.
- Trasforma un componente React .tsx in .jsx rimuovendo i tipi delle proprietà e mantenendo JSX.
Come si usa
- Incolla TypeScript o TSX oppure carica un esempio (interfaccia e funzione, generici, JSX). Caricare un esempio sostituisce l’input.
- Leggi il JavaScript a destra. Le annotazioni di tipo e le interfacce scompaiono; i costrutti presenti in fase di esecuzione, come enum, vengono emessi come JavaScript.
- Copia il risultato. Per verificare i tipi, controlla separatamente il TypeScript originale con tsc --noEmit.
Input TypeScript
interface User { name: string }
const greet = (user: User): string => "Hello, " + user.name;Output JavaScript
const greet = (user) => "Hello, " + user.name
Dettagli e limiti
Il codice viene convertito localmente nel browser e non viene caricato su un server. Cancella l’input dopo aver usato un dispositivo condiviso.
Rimuovere i tipi non equivale a controllarli: const count: number = "text" viene convertito senza errori. Verifica i tipi con il compilatore TypeScript.
JSX resta JSX. Per eseguire componenti React nel browser serve comunque la fase di compilazione JSX del tuo progetto.
I costrutti con valori in fase di esecuzione, come enum, producono codice JavaScript anziché scomparire.
Viene convertito solo il codice incollato: gli import non vengono risolti, i file non vengono riuniti in bundle e la sintassi moderna non viene adattata ai browser meno recenti.
FAQ
Posso convertire TSX in JSX?
Sì. Incolla il componente .tsx: i tipi delle proprietà e le interfacce vengono rimossi, mentre JSX resta invariato, quindi puoi salvare il risultato come .jsx. Questo strumento non compila JSX in chiamate React.createElement.
Qual è la differenza rispetto a tsc?
tsc controlla i tipi di un intero progetto e può generare JavaScript per un target scelto. Questa pagina rimuove soltanto i tipi dal codice incollato con la trasformazione TypeScript di Babel, mantiene la sintassi moderna e non segnala errori di tipo. Per progetti interi, esegui localmente tsc o un bundler come esbuild.
Perché ha convertito codice con errori di tipo?
La conversione è sintattica. Non verifica assegnazioni o chiamate di funzione rispetto ai relativi tipi; per trovare errori di tipo, esegui il compilatore TypeScript nel tuo progetto.
Cosa devo controllare quando ricevo un errore di sintassi?
Controlla la riga e la colonna segnalate, le parentesi vicine e le eventuali annotazioni di tipo. Ridurre il codice a uno snippet minimo aiuta a isolare il problema; in caso di errore di connessione, usa Riprova.