JavaScript Formatter

Cómo usar esta herramienta para desarrolladores

1. Pega JavaScript en el área de entrada.
2. Elige dos espacios, cuatro espacios o tabuladores.
3. Decide si quieres conservar líneas vacías existentes.
4. Ejecuta el formateador.
5. Revisa el resultado antes de reemplazar código de producción.

Qué hace esta herramienta para desarrolladores

El resultado reorganiza delimitadores estructurales y sangría, manteniendo el contenido de strings, plantillas y comentarios. No evalúa ni modifica nombres de variables.

Al no construir un AST completo, algunos patrones avanzados pueden requerir un formatter basado en parser como Prettier.

Ejemplo

Entrada:

Salida:

Casos de uso

• Leer snippets minificados o pegados desde logs.
• Preparar ejemplos para documentación.
• Detectar visualmente bloques anidados.
• Normalizar rápidamente código antes de una revisión manual.

Consejos para obtener resultados fiables

• No uses el resultado como sustituto de un formatter con AST en repositorios grandes.
• Comprueba template literals con expresiones complejas.
• Ejecuta tests del proyecto tras cualquier cambio de formato automático.
• Usa 2 espacios si necesitas una salida compacta y habitual en frontend.
• Conserva líneas vacías solo cuando aporten separación semántica.

Detalles del procesamiento

El procesamiento es local. El escáner evita insertar saltos dentro de strings y comentarios; también cuenta llaves de bloque y comentarios detectados.

No comprende todos los contextos sintácticos de JavaScript, especialmente expresiones regulares ambiguas, JSX y ciertos template literals anidados.