¿Qué es el formateo de sintaxis de JavaScript?

El formateo de JavaScript es el proceso de comprobar si el código fuente es válido y, a continuación, reorganizarlo con un estilo coherente. Normalmente, esto significa ajustar la sangría, los espacios y los saltos de línea sin cambiar el significado del código.

La validación de sintaxis es igual de importante. Un formateador solo puede reescribir el código de forma segura si el analizador puede interpretarlo primero.

Descripción de la herramienta

Esta herramienta valida la sintaxis de JavaScript y formatea el código en el navegador. Utiliza un analizador para comprobar si la entrada es válida y Prettier para generar una versión más limpia del mismo código fuente.

Es útil cuando quieres aplicar rápidamente un formato o comprobar la sintaxis sin abrir un IDE completo.

Ejemplos

  • Un módulo ES pequeño con imports y exports
  • Un fragmento de JSX, como un componente de React
  • Un literal de objeto largo que necesita mejorar su sangría

Funciones

  • Validación de sintaxis con el analizador de Babel
  • Formateo con Prettier independiente
  • Flujo de trabajo con botón de borrado para restablecimientos rápidos

Limitaciones

Esta herramienta solo comprueba la sintaxis. No ejecuta el código y no admite entradas de TypeScript.

La entrada vacía se rechaza tanto para la validación como para el formateo, por lo que debes proporcionar código real antes de usar cualquiera de las dos acciones.