Formatador JavaScript
Formatar, minificar e validar JavaScript com destaque de sintaxe
Entrada
Saída
O que é o Formatador JavaScript?
JavaScript alimenta a web. Código minificado ou confuso é difícil de ler e depurar. O Formatador JavaScript adiciona indentação e quebras de linha ao código bruto ou minificado. A especificação ECMAScript define a linguagem.
Esta ferramenta é executada inteiramente no seu navegador. Nada é enviado a um servidor. Cole JS ou envie um arquivo; obtenha saída formatada. Use Minificar para bundles de produção. Para validação, use Validador JavaScript. Para minificar apenas, use Minificador JavaScript.
Como usar esta ferramenta
Colar ou enviar
Cole JavaScript no painel esquerdo ou envie um arquivo .js ou .txt. Use Amostra para carregar código de exemplo. Use Limpar para redefinir.
Verificar a saída
O painel direito é atualizado automaticamente com o código formatado. Use Minificar para produzir uma versão compacta para produção.
Copiar ou baixar
Use Copiar ou Baixar para obter o resultado. Para JSX/React, use Formatador JSX. Para conversão TypeScript, use JavaScript para TypeScript.
Exemplos de formatação JavaScript
Aqui está um exemplo de formatação de código JavaScript minificado.
Exemplo: Busca de plano de assinante
Entrada minificada:
Saída formatada:
Quando o Formatador JavaScript ajuda
Ao depurar código minificado, revisar bundles de webpack ou rollup, ou aprender com scripts de produção, a formatação torna a estrutura visível. Ótimo para stack traces, código de terceiros e verificações rápidas de legibilidade. A especificação ECMAScript define a linguagem. Para código ofuscado, use primeiro o Desofuscador JavaScript.
Perguntas frequentes
Meus dados são privados?
Sim. A formatação é executada inteiramente no seu navegador. Nenhum dado é enviado a um servidor.
Formatador vs Minificador?
O formatador adiciona indentação para legibilidade. O minificador remove espaços em branco e comentários para arquivo menor. Esta ferramenta pode fazer ambos.
Suporta ES6+?
Sim. A sintaxe moderna de JavaScript (funções de seta, classes, async/await) é suportada.
E o JSX?
Para código JSX e React, use o Formatador JSX.
Pode corrigir erros de sintaxe?
Não. JavaScript inválido mostrará um erro. Use o Validador JavaScript para verificar a sintaxe primeiro.
Ferramentas relacionadas
Saiba mais: ECMAScript, MDN JavaScript, webpack, rollup, source maps, Vite, TypeScript.