Formateador de JavaScript

El Formateador de JavaScript embellece código minificado o irregular mediante sangría, espaciado, saltos de línea y colocación de llaves uniformes. Admite sintaxis moderna, como clases, campos privados, funciones asíncronas, encadenamiento opcional, coalescencia nula, literales de plantilla, módulos y JSX de React.

Elige tabulaciones o espacios, define un ancho de línea, controla el estilo de las llaves, conserva saltos de línea útiles, mantén la sangría existente de las matrices o divide cadenas de métodos largas. Pulsa Ctrl+Enter o Command+Enter para formatear directamente desde el editor.

La minificación elimina comentarios y código innecesario, pero conserva identificadores legibles. El modo de reducción de nombres también acorta los identificadores locales compatibles para obtener un resultado menor. La entrada debe ser JavaScript ejecutable, por lo que JSX se debe compilar antes de minificarlo. Todo el procesamiento se realiza localmente en el navegador.

Preguntas frecuentes sobre el formateador de código

¿Cómo formateo código en esta página?

Pega el código en el editor izquierdo o carga un archivo, elige las opciones necesarias y pulsa Formatear. Revisa el resultado a la derecha y después cópialo o guárdalo.

¿Por qué puede mostrar un error el formateador?

La entrada debe corresponder al lenguaje o la sintaxis seleccionados. Revisa sentencias incompletas, corchetes o comillas sin cerrar y un dialecto o modo que no coincida con la entrada antes de intentarlo de nuevo.

¿Cómo funciona un formateador de código?

Un formateador reconoce tokens y estructuras anidadas del lenguaje y reorganiza sangría, espacios y saltos de línea con reglas coherentes. No compila ni ejecuta el programa, por lo que no sustituye una revisión de corrección o seguridad.

¿Qué ajustes se recomiendan para este lenguaje?

2 espacios es lo más habitual en proyectos web. Conserva los saltos existentes salvo que el proyecto exija ajuste de línea, activa JSX para entradas JSX y sigue la configuración del repositorio para las llaves y las demás decisiones de estilo. Formatear, minificar y acortar nombres de variables son acciones separadas.