# Formatador de JavaScript

Formate JavaScript confuso ou minificado com este formatador de JavaScript. Cole seu código e a ferramenta o analisa como um módulo ES e, em seguida, o imprime novamente com indentação de dois espaços, uma instrução por linha, espaçamento consistente ao redor dos operadores e ponto e vírgula no fim das instruções, mantendo os comentários. Erros de sintaxe são informados em vez de serem presumidos, para que desenvolvedores obtenham código legível e válido para revisões, depuração e documentação.

## Perguntas frequentes

### Como funciona o formatador de JavaScript?

Ele analisa seu código como um módulo ES, criando uma árvore sintática, e imprime a árvore novamente em um estilo consistente. Como o código é analisado, em vez de ajustado com regras de texto, a estrutura da saída sempre corresponde à entrada.

### Qual estilo a saída usa?

Os blocos são indentados com dois espaços, cada instrução fica em sua própria linha, há espaços ao redor dos operadores e as instruções terminam com ponto e vírgula. Literais curtos de objetos e arrays permanecem em uma só linha, e as aspas das strings e os literais de template são mantidos como foram escritos.

### Posso alterar a indentação ou outras configurações?

Não, o formatador não tem opções. Todas as entradas são impressas no mesmo estilo, o que mantém os resultados previsíveis quando você os compartilha.

### O que acontece quando meu código tem um erro de sintaxe?

A ferramenta para e mostra a mensagem do analisador, como Unexpected: seguida do token incorreto. Corrija o problema informado e execute o formatador novamente.

### Os comentários são preservados?

Sim, os comentários de linha e de bloco são mantidos e colocados junto às instruções a que pertencem. Um comentário dentro de uma instrução pode passar para o início da instrução seguinte.

### Ele oferece suporte a JavaScript moderno?

Sim, o parser entende sintaxe moderna, como import e export, funções de seta, classes, async e await, desestruturação, spread, encadeamento opcional, coalescência de nulos e literais de modelo. Literais de objeto mais longos, que não cabem em uma linha, são divididos, com uma propriedade por linha.

### Posso formatar o código reduzido?

Sim, arquivos minificados são analisados e distribuídos em linhas e recuos legíveis. Os nomes curtos de variáveis escolhidos pelo minificador são mantidos, pois a formatação nunca renomeia nada.

### A formatação vai mudar o que meu código faz?

Não, ela altera apenas espaços em branco, quebras de linha e terminadores de instrução. As únicas adições são ponto e vírgulas, que correspondem à forma como JavaScript já interpreta o código.

### Por que o resultado está envolto em um bloco de código javascript?

O resultado é retornado como um bloco de código Markdown que começa com uma cerca javascript, para ser exibido com realce ao ser colado em Markdown. Copie as linhas entre as cercas quando quiser o código-fonte sem formatação.

### E quanto a JSX, TypeScript ou Flow?

Esta página processa JavaScript simples. Use o formatador JSX para componentes React e o formatador TypeScript ou Flow para código tipado, pois as anotações de tipos não fazem parte do JavaScript padrão.

Seu anúncio aqui?

[Envie-nos um e-mail](mailto:hi@dennn.is?subject=Publicidade%20em%20OneClick%20Pro)

[Anúncio O conjunto de plugins pronto para agentes para WordPress.](https://sleekwp.com/?ref=oneclickpro)