Saltar al contenido

Formateador de JavaScript

Reformatea JavaScript o TypeScript en código coherente y legible.

Entrada
80
Salida

Formateador de JavaScript

Pega JavaScript o TypeScript y esta herramienta lo reformatea con indentación consistente, espaciado y saltos de línea adecuados. Reformatea código minificado o formateado inconsistentemente, normaliza bloques y literales de objetos, y preserva expresiones como operadores ternarios, tipos genéricos, literales de plantilla, encadenamiento opcional y funciones de flecha con el espaciado que escribiría una persona.

Las opciones controlan detalles, no la estructura. Elige indentación con 2 espacios, 4 espacios o tabulaciones, y comillas simples o dobles — el contenido de las cadenas se recodifica correctamente en ambos casos, así que un carácter dentro de la cadena nunca se daña. Se pueden añadir puntos y comas al final de cada sentencia o eliminarlos a favor de la inserción automática; los objetos y arrays multilínea pueden terminar con comas finales o sin ellas. El ancho máximo de línea controla cuándo un literal de objeto largo o una lista de argumentos se divide en múltiples líneas en lugar de extenderse más allá del borde de la pantalla. Minificar colapsa el mismo código en una línea con espacios en blanco y comentarios eliminados, para cuando necesitas una copia compacta en lugar de legible.

Es un formateador, no un linter o bundler: no reescribe lógica, no renombra variables ni resuelve importaciones, y no ejecuta tu código. El objetivo es mantener la salida válida para JavaScript y TypeScript realista, incluyendo clases, funciones asincrónicas, desestructuración, operadores spread y decoradores — la entrada realmente mal formada (cadena o comentario sin terminar) se reformatea de forma óptima en lugar de rechazarse completamente.

Todo se ejecuta localmente en tu navegador. Tu código fuente nunca se sube a un servidor, lo que importa tanto para código propietario o inédito como para un fragmento rápido de un informe de error. Copia el resultado formateado, descárgalo como archivo .txt, o envíalo a otra herramienta para seguir trabajando.

Preguntas frecuentes

¿Soporta TypeScript, no solo JavaScript?
Sí. Las anotaciones de tipo, tipos genéricos, interfaces, propiedades opcionales y otra sintaxis común de TypeScript se reconocen y se formatean junto con JavaScript simple.
¿En qué se diferencia "Minificar" de las otras opciones?
Elimina comentarios y espacios innecesarios y pone el código en una línea, mientras conserva los puntos y comas necesarios para separar sentencias de forma segura. Es un modo de formateo compacto, no un minificador completo — no renombra variables ni aplica otras optimizaciones de tamaño.
¿Puede romper mi código?
El formateador solo cambia espacios, caracteres de comillas y puntos y comas — nunca reescribe expresiones ni lógica. Los comentarios y contenido de cadenas se preservan exactamente como fueron escritos.
¿Qué sucede con una línea larga, como un literal de objeto grande?
Establece "Ancho máximo de línea" y un literal de objeto o array que lo excedería se divide en múltiples líneas, una entrada por línea, en lugar de extenderse más allá del borde.
¿Mi código se sube a algún lugar?
No. El formateo se ejecuta completamente en tu navegador — tu código fuente nunca abandona tu dispositivo.