Ir para o conteúdo

Formatador de JavaScript

Reformata JavaScript ou TypeScript em código coerente e legível.

Entrada
80
Saída

Formatador de JavaScript

Cole JavaScript ou TypeScript e esta ferramenta o reformata com indentação consistente, espaçamento e quebras de linha apropriadas. Reformata código minificado ou inconsistentemente formatado, normaliza blocos e literais de objetos, e preserva expressões como operadores ternários, tipos genéricos, literais de template, encadeamento opcional e funções flecha com o espaçamento que uma pessoa escreveria.

As opções controlam detalhes, não a estrutura. Escolha indentação com 2 espaços, 4 espaços ou tabulações, e aspas simples ou duplas — o conteúdo das strings é recodificado corretamente em ambos os casos, portanto um caractere dentro da string nunca é danificado. Pontos e vírgulas podem ser adicionados no final de cada instrução ou removidos em favor da inserção automática; objetos e arrays multi-linhas podem terminar com vírgulas finais ou não. A largura máxima da linha controla quando um literal de objeto longo ou uma lista de argumentos é dividida em múltiplas linhas em vez de ultrapassar a borda da tela. Minificar encolhe o mesmo código em uma única linha com espaço em branco e comentários removidos, para quando você precisa de uma cópia compacta em vez de legível.

Este é um formatador, não um linter ou bundler: não reescreve a lógica, não renomeia variáveis nem resolve importações, e não executa seu código. O objetivo é manter a saída válida para JavaScript e TypeScript realista, incluindo classes, funções assíncronas, desestruturação, operadores spread e decoradores — entrada genuinamente malformada (string ou comentário não terminado) é reformatada na melhor tentativa em vez de ser completamente rejeitada.

Tudo funciona localmente no seu navegador. Seu código-fonte nunca é enviado para um servidor, o que é importante tanto para código proprietário ou não publicado quanto para um trecho rápido de um relatório de erro. Copie o resultado formatado, baixe-o como arquivo .txt, ou envie-o para outra ferramenta para continuar trabalhando.

FAQ

Suporta TypeScript, não apenas JavaScript?
Sim. Anotações de tipo, tipos genéricos, interfaces, propriedades opcionais e outra sintaxe TypeScript comum são reconhecidos e formatados ao lado do JavaScript simples.
O que "Minificar" faz diferente das outras opções?
Remove comentários e espaço em branco desnecessário e coloca o código em uma linha, mantendo os pontos e vírgulas necessários para separar com segurança as instruções. É um modo de formatação compacto, não um minificador completo — não renomeia variáveis nem aplica outras otimizações de tamanho.
Vai quebrar meu código?
O formatador apenas altera espaço em branco, caracteres de aspas e pontos e vírgulas — nunca reescreve expressões ou lógica. Comentários e conteúdo de strings são preservados exatamente como foram escritos.
O que acontece com uma linha longa, como um literal de objeto grande?
Defina "Largura máxima da linha" e um literal de objeto ou array que a excederia é dividido em múltiplas linhas, uma entrada por linha, em vez de ultrapassar a borda.
Meu código é carregado em algum lugar?
Não. A formatação funciona completamente no seu navegador — seu código-fonte nunca deixa seu dispositivo.