O que é a formatação da sintaxe do JavaScript?

A formatação do JavaScript é o processo de verificar se o código-fonte é válido e, em seguida, reorganizá-lo em um estilo consistente. Normalmente, isso significa ajustar a indentação, os espaços e as quebras de linha sem alterar o significado do código.

A validação da sintaxe é igualmente importante. Um formatador só pode reescrever o código com segurança se o parser conseguir compreendê-lo primeiro.

Descrição da ferramenta

Esta ferramenta valida a sintaxe do JavaScript e formata o código no navegador. Ela usa um parser para verificar se a entrada é válida e o Prettier para produzir uma versão mais organizada do mesmo código-fonte.

Ela é útil quando você deseja uma formatação rápida ou uma verificação de sintaxe sem abrir uma IDE completa.

Exemplos

  • Um pequeno módulo ES com imports e exports
  • Um trecho de JSX, como um componente React
  • Um objeto literal longo que precisa de ajustes na indentação

Recursos

  • Validação de sintaxe com o parser Babel
  • Formatação com o Prettier standalone
  • Fluxo de trabalho com botão Limpar para redefinições rápidas

Limitações

Esta ferramenta verifica apenas a sintaxe. Ela não executa o código e não oferece suporte a entradas em TypeScript.

A entrada vazia é rejeitada tanto na validação quanto na formatação; portanto, é necessário fornecer código real antes de usar qualquer uma das ações.