Formateador JavaScript
Formatea e indenta código JavaScript con una estructura limpia y legible en tu navegador.
Esta herramienta se ejecuta completamente en tu navegador. Tus archivos nunca se suben a un servidor.
function greet(name) {
const text='Hello '+name;
return text;
}Qué hace este formateador
Añade saltos tras llaves de apertura, cierre y puntos y coma, con dos espacios por nivel. Conserva cadenas normales, plantillas literales, escapes y comentarios de línea o bloque reconocidos mientras reduce otros espacios.
Cómo usarlo
Pega JavaScript y revisa el resultado inmediato. Copia la salida o usa Reset para vaciar el editor; Reset no recupera el ejemplo.
Límites importantes
Es un formateador de llaves basado en caracteres, no un parser, validador, linter, transpilador ni impresor que entienda el estándar JavaScript. No comprende literales de expresiones regulares, inserción automática de punto y coma, módulos, JSX o árboles sintácticos, ni informa de llaves sin pareja o código inválido. Puede alterar mal cuantificadores regex y sentencias sensibles a saltos.
Cómo funciona el análisis de llaves
Un único recorrido por los caracteres rastrea si el analizador está dentro de una cadena, una plantilla literal o un comentario; solo fuera de esas zonas una llave de apertura, una de cierre o un punto y coma provocan un salto de línea y un cambio de sangría.
Ejemplo
Al pegar `function add(a,b){return a+b;}` se obtiene `function add(a,b) {` en su propia línea, un `return a+b;` con sangría, y un `}` de cierre de vuelta en la sangría base.
Flujo de revisión seguro
Ejecuta el linter y la batería de pruebas de tu proyecto sobre el código formateado antes de confirmarlo, prestando especial atención a cualquier literal de expresión regular que contenga un cuantificador de llaves como `{2,4}`.
Flujo seguro y privacidad
Conserva el original y ejecuta tu formateador, pruebas y linter habituales antes de producción. El formato es local y el código no se sube.
Preguntas Frecuentes
- ¿Qué hace Formateador JavaScript?
- Formatea e indenta código JavaScript con una estructura limpia y legible en tu navegador.
- ¿Cambia esta herramienta JavaScript el comportamiento?
- Solo cambia el diseño o espacios eliminables. Revisa la salida minificada si el código usa sintaxis inusual.
- ¿Se sube mi código?
- El procesamiento es local y tu código nunca se sube.
Herramientas Relacionadas
Minificador CSS
Minifica CSS eliminando espacios y comentarios innecesarios para obtener una salida menor.
Minificador JavaScript
Minifica JavaScript eliminando espacios y comentarios innecesarios para obtener una salida menor.
Formateador de YAML
Formatea y ordena documentos YAML al instante en tu navegador.
Formateador CSS
Formatea e indenta código CSS con una estructura limpia y legible en tu navegador.
Formateador GraphQL
Formatea e indenta código GraphQL con una estructura limpia y legible en tu navegador.
Formateador HTML
Formatea e indenta código HTML con una estructura limpia y legible en tu navegador.