Aclara un script JavaScript

Los desarrolladores usan Formateador JavaScript antes de una revisión de código, una sesión de depuración o una entrega a otra persona.

Aclara un script JavaScript, para facilitar la revisión, la edición y la depuración. Todo se hace gratis en el navegador, sin crear una cuenta.

Cómo usar

Pega tu JavaScript en el área de entrada o importa el archivo directamente desde tu ordenador.
Ejecuta el paso de formateo y la herramienta reescribe los saltos de línea y la sangría para que la estructura del código se vea de un vistazo.
Compara el resultado con tu original para detectar bloques anidados, funciones y objetos mal cerrados.
Copia la versión ordenada de nuevo en tu editor o pásala a un compañero para que la revise.
Borra el panel antes de cargar otro archivo para que no se mezclen dos scripts.

Ejemplo

Un caso común: un script entregado por un contratista externo llega como una única línea enorme. Una vez formateado, ves de inmediato dónde empiezan las funciones y las condiciones, lo que hace mucho más rápida la revisión del archivo y la búsqueda de una llave que falta.

Límites y formatos

El formateo cambia la presentación, no el comportamiento: no corrige ningún error de lógica ni de sintaxis en tu código.
El código escrito en un lenguaje muy relacionado puede merecer una comprobación adicional después de pasar por la herramienta.
Compara el resultado con el original antes de sustituir nada, sobre todo cuando las cadenas contienen espacios significativos.
Para un proyecto repartido en muchos archivos, gestiónalos de uno en uno y guarda una copia de seguridad de cada uno.

Dónde se procesa

El formateo se realiza por completo dentro de tu navegador sobre el código que pegas o importas. No se envía ningún fragmento a ningún sitio y no se conserva nada al cerrar la página, así que se puede limpiar código interno sin que salga de tu máquina.

Preguntas frecuentes

¿Puede el formateo romper mi script?

No debería cambiar cómo se comporta el código, ya que solo reescribe la disposición. Aun así, guarda una copia del original y compara las dos versiones antes de sobrescribir tu archivo de trabajo.

¿Qué tipos de archivo puedo importar?

El selector acepta archivos .js, .mjs, .cjs, .ts, .tsx, .html, .css, .json, .sql y .graphql, además de texto sin formato. Solo se carga un archivo a la vez.

¿Corrige la herramienta los errores de sintaxis?

No, simplemente hace que el código sea legible. Una llave que falta o una coma de más se queda exactamente donde estaba; leer la versión formateada es lo que te ayuda a detectarla más rápido.