Convertir TypeScript a JavaScript — Numio
Elimina los tipos de TypeScript (anotaciones, interfaces, alias de tipo y genéricos) y obtén JavaScript plano. Funciona con .ts y .tsx: el JSX se conserva tal cual, de modo que un componente TSX pasa a JSX. El código se convierte en el servidor; no se comprueban tipos, no se empaqueta ni se ejecuta nada.
Ver cómo queda un fragmento de TypeScript como JavaScript plano antes de usarlo en un proyecto JS.
Code is converted on the server. No type-checking, execution or dependency bundling is performed. JSX is preserved.
TypeScript
JavaScript
Cuándo usarla
- Ver cómo queda un fragmento de TypeScript como JavaScript plano antes de usarlo en un proyecto JS.
- Convertir un componente React .tsx en .jsx quitando los tipos de las props y conservando el JSX.
Cómo usarla
- Pega TypeScript o TSX, o carga un ejemplo (interfaz y función, genéricos, JSX). Cargar un ejemplo reemplaza tu entrada.
- Lee el JavaScript de la derecha. Las anotaciones de tipo y las interfaces desaparecen; el código que existe en tiempo de ejecución, como un enum, se emite como JavaScript.
- Copia el resultado. Si necesitas seguridad de tipos, comprueba por separado los tipos del TypeScript original con tsc --noEmit.
Entrada TypeScript
interface User { name: string }
const greet = (user: User): string => "Hello, " + user.name;Salida JavaScript
const greet = (user) => "Hello, " + user.name
Detalles y limitaciones
Tu código se envía al servidor de douni.one para convertirlo. No pegues secretos, claves de API ni código fuente que no puedas compartir.
Eliminar tipos no es comprobar tipos: const count: number = "text" se convierte sin error. Comprueba los tipos con el compilador de TypeScript.
El JSX sigue siendo JSX. Para ejecutar componentes React en un navegador sigues necesitando el paso de compilación de JSX de tu proyecto.
Las construcciones con valores en tiempo de ejecución, como enum, producen código JavaScript en lugar de desaparecer.
Solo se convierte el código pegado: no se resuelven imports, no se empaquetan archivos y la sintaxis moderna no se transpila para navegadores antiguos.
FAQ
¿Puedo convertir TSX a JSX?
Sí. Pega el componente .tsx: se eliminan los tipos de las props y las interfaces y el JSX queda sin cambios, así que el resultado se puede guardar como .jsx. Compilar el JSX a llamadas React.createElement no forma parte de esta herramienta.
¿En qué se diferencia de ejecutar tsc?
tsc comprueba los tipos de un proyecto completo y puede emitir JavaScript para un target elegido. Esta página solo elimina los tipos del código que pegas con la transformación TypeScript de Babel, conserva la sintaxis moderna y nunca notifica errores de tipos. Para proyectos completos, ejecuta tsc o un bundler como esbuild en local.
¿Por qué convirtió código que tiene errores de tipos?
La conversión es sintáctica. No comprueba asignaciones ni llamadas a funciones contra sus tipos, así que ejecuta el compilador de TypeScript en tu proyecto para encontrar errores de tipos.
¿Qué debo revisar si obtengo un error de sintaxis?
Mira la línea y la columna indicadas, los corchetes y paréntesis de alrededor y cualquier anotación de tipo en ese punto. Reducir el código a un fragmento pequeño ayuda a aislar el problema; si es un error de conexión, usa Retry.