Examinar código copiado de un registro
Despliega un bloque compacto para seguir condiciones y llamadas. Quita prefijos del registro, mensajes de error y delimitadores Markdown del código proporcionado.
Formateador JavaScript
Formatea JavaScript, TypeScript o JSX para facilitar su lectura sin ejecutar código. Procesamiento local en tu navegador.
- Portapapeles
- Exportar
Datos no enviados
No se pudo procesar esta entrada. Revisa la sintaxis y las limitaciones indicadas más abajo.
Resultado
¿Te ha resultado útil esta herramienta?
¿Cómo funciona esta herramienta?
Reorganiza JavaScript para leer mejor bloques, expresiones e instrucciones. El formateador analiza la sintaxis antes de generar una presentación coherente, sin cortar el texto en cada llave o punto y coma. Cadenas, plantillas y expresiones regulares que contienen esos caracteres mantienen su función. El código se procesa como texto local: no se llaman las funciones pegadas ni se cargan módulos mencionados en import para ejecutar el programa.
El motor usa un parser JavaScript compatible con las construcciones TypeScript y JSX reconocidas. Reconstruye la presentación desde esa representación, con bloques sangrados y espacios coherentes entre operadores. Puede normalizar comillas, puntos y coma y otras formas escritas, manteniendo valores literales equivalentes.
No es compilación. Una anotación TypeScript como : string permanece y JSX sigue siendo JSX. El resultado no funciona automáticamente en un navegador que espera JavaScript estándar. No se comprueban tipos, imports ni nombres de variables; una sintaxis aceptada puede contener errores lógicos.
La sintaxis admitida depende del parser incluido. Propuestas JavaScript experimentales, extensiones de compilador o construcciones ambiguas entre TypeScript y JSX pueden rechazarse. Usa la cadena de tu proyecto para sintaxis especiales; el formulario no sustituye todas sus opciones.
El formateo no minifica, renombra variables ni elimina código sin usar. No produce mapas de origen ni carga tu configuración Prettier local. La descarga usa .js por defecto: cambia el nombre de archivos TypeScript o JSX antes de integrarlos en el repositorio.
Cómo utilizar esta herramienta
Proporciona el código completo
Pega las instrucciones relevantes con cadenas y comentarios cerrados. Importar un archivo aceptado no ejecuta su programa.
Ejecuta el formateo sintáctico
Revisa la sangría. Si falla, busca cadenas incompletas, llaves ausentes o sintaxis especial no compatible.
Revisa antes de integrar
Comprueba literales, copia o descarga el resultado y elige una extensión acorde al lenguaje. Cambiar el origen oculta el resultado previo.
Casos de uso
Discutir una condición en una revisión
Presenta bloques legibles antes de hablar de su comportamiento. El formato no sustituye las pruebas de las ramas ejecutadas.
Preparar ejemplos TypeScript legibles
Conserva anotaciones en un ejemplo didáctico sin compilarlas. Comprueba después el código con TypeScript en su entorno real.
Ejemplos
Conservar una cadena, Regex y plantilla
; y {} dentro de literales no se convierten en límites de bloques. La anotación TypeScript sigue presente porque no se compila a JavaScript.
Entrada
const value: string="a;{b}";const re=/[{};]/g;const t=`x;${value}`;Resultado
const value: string = "a;{b}";
const re = /[{};]/g;
const t = `x;${value}`;
Desplegar un bloque condicional
La condición y la llamada a() no cambian. Se reorganizan espacios, líneas y sangría sin ejecutar la condición.
Entrada
if(x){a();}Resultado
if (x) {
a();
}
Consejos y buenas prácticas
- Usa la fuente original en vez de un bundle minificado si necesitas nombres y comentarios útiles. La presentación no reconstruye símbolos renombrados.
- Comprueba errores de tipos con el compilador o servidor de lenguaje del proyecto; este formulario no realiza análisis de tipos.
- Aplica la configuración del repositorio si tu equipo exige reglas concretas de formato.
- Elimina claves API antes de publicar. El procesamiento local evita subirlas a un formateador, no divulgarlas posteriormente al copiar el código.
Fuentes y referencias
- ECMAScript Language Specification (se abre en una pestaña nueva), Ecma InternationalPágina en inglés
- The TypeScript Handbook — Everyday Types (se abre en una pestaña nueva), TypeScriptPágina en inglés
Preguntas frecuentes
¿Se ejecuta mi JavaScript durante el formateo?
No. El motor analiza y reescribe una representación sintáctica. No llama a eval ni ejecuta funciones o imports declarados en el texto.
¿Las llaves dentro de cadenas pueden crear bloques falsos?
El parser distingue cadenas, plantillas, expresiones regulares y bloques. Evita cortar indiscriminadamente por caracteres que pertenecen a un literal.
¿Se convierten TypeScript y JSX a JavaScript?
No. Se mantienen las construcciones reconocidas al organizar el texto. Compila con las herramientas del proyecto y adapta la extensión de descarga al trabajar con TypeScript o JSX.
¿Un código aceptado es necesariamente correcto?
El éxito solo confirma que el parser reconoce el fragmento. Variables desconocidas, tipos incompatibles, imports ausentes y errores de negocio necesitan análisis y pruebas separados.
Herramientas relacionadas
Continúa con estas herramientas
Herramientas similares o complementarias a esta.
Herramientas similares
Genera interfaces TypeScript, tipos, esquemas Zod o JSON Schema a partir de un JSON de ejemplo.
DesarrolloUsar esta herramienta
Prueba una expresión regular sobre texto e inspecciona las coincidencias obtenidas.
DesarrolloDestacadaUsar esta herramienta
Formatea HTML o elimina comentarios ordinarios localmente, conservando espacios del texto y contenido de scripts al quitar comentarios.
DesarrolloUsar esta herramienta