Formatador e Minificador de JavaScript

O que é Formatação de JavaScript?

Recursos Principais

Exemplos

function add(a,b){return a+b}const doubled=[1,2,3].map(x=>x*2);console.log(doubled)

async function load(id){const r=await fetch(`/api/${id}`);if(!r.ok)throw new Error('bad');return r.json()}

const cfg={retries:3,timeout:5000,headers:{'Content-Type':'application/json'},onError(e){console.warn(e)}}

class Counter{#n=0;inc(){this.#n++}get value(){return this.#n}}

Casos de Uso Comuns

Ler código minificado

Embeleze um script minificado ou ofuscado para que você possa entendê-lo e depurá-lo.

Revisão de código

Formate JavaScript antes de um pull request para código consistente e com diffs legíveis.

Publicar bundles mais leves

Minifique JavaScript de produção com Terser para reduzir bytes e acelerar o carregamento.

Organizar um trecho

Reformate um paste rápido do console ou de um gist em código limpo e legível.

Detalhes Técnicos

Embelezado com js-beautify

Usa o comprovado motor js-beautify para indentação e espaçamento previsíveis e configuráveis.

Minificado com Terser

Terser é o minificador JavaScript de facto — renomeia variáveis locais, remove código morto e elimina comentários preservando o comportamento.

Baseado no navegador

Executa inteiramente no lado do cliente; seu código nunca sai do seu dispositivo ou atinge um servidor.

Melhores Práticas

Formate o código-fonte, minifique para produção

Mantenha código legível no seu repositório e deixe o build minificar com Terser.

Minifique sintaxe moderna com cuidado

Terser trabalha com JavaScript padrão; propostas muito novas podem precisar de uma etapa de transpilação primeiro.

Não edite manualmente a saída minificada

Variáveis renomeadas tornam o código minificado difícil de manter — edite o código-fonte e re-minifique.

Perguntas Frequentes