Volver al inicio

Formateador JavaScript

Pega JavaScript minificado o desordenado y conviertelo en codigo legible, conservando cadenas, plantillas y comentarios cuando sea posible.

Codigo Esperando resultado
Reportar error

Codigo

Resultado formateado

Revisa el resultado, copialo o descarga un archivo .js.

Revisar sintaxis

Sintaxis parece valida

Resumen de codigo

Nota del formateador

Lineas entrada

2

Lineas salida

13

Caracteres

195 / 168

Ahorro minificado

0,6%

Funciones

1

Declaraciones

2

JavaScript fuente

Pega codigo minificado, saltos rotos o un snippet.

Resultado formateado

Revisa el resultado, copialo o descarga un archivo .js.

function greet(name) {
  const message="Hello, "+name;
  if(name) {
    console.log(message);
}
  return message;
}
const users=["Ada",
"Linus",
"Grace"].map((name)=>({
  name,
  active:true
}));

Lista de revision

  • Comprueba que no haya secretos o tokens antes de ejecutar.
  • Revisa expresiones regulares, plantillas y codigo con mucho JSX.
  • En produccion ejecuta tests y lint despues de formatear.

Nota del formateador

Usa esta herramienta para limpieza rapida. En proyectos de equipo, ESLint, Prettier y TypeScript deben ser la referencia final.

Hacer JavaScript mas facil de revisar

El formateador funciona en el navegador y no envia codigo al servidor. Usa llaves, punto y coma, comas y comentarios para crear lineas e indentacion.

Notas de uso

  • Conserva cadenas, plantillas, comentarios de linea y de bloque cuando es posible.
  • Las llaves y punto y coma crean nuevas lineas y se recalcula la sangria.
  • La revision de sintaxis usa el parser JavaScript del navegador para scripts normales.

Preguntas frecuentes

Reemplaza a Prettier?expand_more

No. Es un formateador practico en navegador sin paquetes externos. Usa el formateador del proyecto para codigo complejo.

Se sube mi codigo?expand_more

No. Todo ocurre dentro del navegador.

import/export puede fallar?expand_more

Si. La revision usa Function, por eso la sintaxis exclusiva de modulos puede fallar.

Seguir explorando

Más herramientas para probar

Descubre herramientas relacionadas de la misma categoria y opciones populares de Gogotem.

Ver todas las herramientas arrow_forward