Playground de TypeScript

Este TypeScript Playground te permite probar un fragmento rápidamente sin abrir un proyecto completo. Ejecuta el compilador TypeScript en tu navegador, muestra diagnósticos de verificación de tipos con números de línea, emite JavaScript y puede ejecutar salidas sencillas en una consola en sandbox.

Qué hace este TypeScript Playground

La herramienta está diseñada para comprobaciones cotidianas de TypeScript: validar el estrechamiento de uniones, probar tipos auxiliares genéricos, comparar targets del compilador, confirmar el comportamiento del strict mode y revisar el JavaScript que emite TypeScript. Es útil para aprender, depurar un ejemplo compacto, preparar una respuesta o comprobar una pequeña refactorización antes de llevarla a un proyecto.

Cómo usar el compilador TypeScript

1. Pega TypeScript en el editor o elige un ejemplo rápido.
2. Selecciona un target de JavaScript y un formato de módulo.
3. Activa el strict mode y la verificación opcional de acceso indexado cuando quieras diagnósticos más estrictos.
4. Haz clic en Compilar y Verificar Tipos, o deja activada la compilación automática para feedback en vivo.
5. Revisa los diagnósticos, inspecciona el JavaScript emitido y luego ejecuta fragmentos sencillos en la consola en sandbox.

Notas sobre la verificación de tipos

El compilador del navegador usa un archivo de declaración integrado compacto para objetos JavaScript comunes como arrays, strings, records, JSON, console y timers. Esto mantiene el playground rápido y autocontenido para los fragmentos. Si tu código depende de React, Node.js, DOM APIs o declaraciones específicas de paquetes, confirma el resultado final dentro de tu proyecto con su tsconfig.json real y los paquetes de tipos instalados.

Ejemplos y casos de uso

Usa el playground cuando quieras aislar un error de tipo de una base de código más grande, comparar cómo el strict mode cambia los diagnósticos, explicar un concepto de TypeScript a un compañero o comprobar cómo un pequeño fragmento se compila a JavaScript. Los ejemplos integrados cubren uniones discriminadas, auxiliares de record genéricos, el operador satisfies y errores de tipo intencionales para que puedas ver estados de compilador tanto correctos como con fallos.

• Validar un tipo de unión antes de añadirlo a un modelo de respuesta de API.
• Probar un auxiliar genérico sin esperar a una build completa de la aplicación.
• Inspeccionar el JavaScript emitido al cambiar las opciones de target o de Module.
• Compartir una reproducción compacta de un diagnóstico de TypeScript.

Preguntas frecuentes

¿Esta herramienta verifica los tipos de TypeScript?

Sí. Construye un programa TypeScript en el navegador y reporta los diagnósticos del compilador, incluidos errores de tipo, errores de sintaxis y mensajes de opciones del compilador.

¿Puedo cambiar las opciones del compilador TypeScript?

Sí. Los controles principales cubren target de JavaScript, salida de Module, strict mode, emisión de declaraciones y noUncheckedIndexedAccess.

¿Por qué falta un tipo de biblioteca?

Este playground utiliza intencionalmente una biblioteca de tipos integrada compacta. Para tipos de framework, DOM, Node.js o paquetes npm, usa la configuración de tu proyecto local.

¿Es seguro el ejecutor de JavaScript?

El ejecutor utiliza un iframe en sandbox para fragmentos rápidos. Evita ejecutar código no confiable y prueba el código real de las aplicaciones dentro de tu entorno de desarrollo habitual.