Corretor JS
Repare código JavaScript quebrado automaticamente
O que é o Corretor JS?
Você cola um trecho de uma página de documentação ou de uma conversa e o parser explode. Falta um ponto e vírgula onde o ASI não ajudou. Uma chave sumiu. Uma string sai do final da linha. Esta ferramenta pega esse JavaScript quebrado e devolve algo que o motor realmente vai aceitar.
A gramática do JavaScript é definida pela especificação ECMAScript do TC39, e é isso que cada navegador e o Node.js seguem ao analisar seu código. A referência de JavaScript do MDN explica as regras em linguagem simples. A inserção automática de ponto e vírgula (ASI) faz parte dessa gramática — confortável quase sempre, dolorosa quando uma quebra de linha inesperada muda silenciosamente o que seu código significa. Este corretor mira nas rupturas de sintaxe; se também quiser uma reformatação completa, passe a saída pelo Prettier depois.
Tudo passa pelo seu navegador até nosso backend e volta. Use como primeira passada antes de apontar o ESLint para o arquivo — a maioria das violações de regras é mais fácil de ler quando o código pelo menos parseia.
Como Usar o Corretor JS
Três passos. Cada um usa os botões e painéis reais desta página.
Cole JS Quebrado ou Carregue Exemplo
Coloque seu JavaScript quebrado no editor à esquerda. Clique em JS de Exemplo para ver o tipo de entrada que o corretor aceita. A bagunça clássica é assim — ponto e vírgula faltando, vírgula ausente em um literal de objeto, chave desbalanceada, valor que deveria ser string mas foi digitado sem aspas:
function processOrder(customer) {
const order = { id: "ORD-9001" customer: customer, status: pending }
return order
O corretor lida com ponto e vírgula faltando, desbalanceamento de `{`/`}`, `[`/`]` e `(`/`)`, vírgulas ausentes em objetos e arrays, valores sem aspas, strings não terminadas e combinações estranhas de operadores.
Clique em Corrigir JS!!
Pressione o botão verde Corrigir JS!!. O código vai para o backend, é reparado e volta parseável. Aparece um indicador de carregamento durante o processo — geralmente um ou dois segundos.
Revise a Saída
O painel direito mostra o código corrigido. A semântica permanece o mais próxima possível da sua entrada — apenas a sintaxe é reparada. Copie a saída, cole de volta no seu editor e passe-a pelo seu formatador ou linter.
Quando Você Realmente Usaria Isto
Recuperar trechos colados
Código vindo de uma thread do Slack, uma resposta do StackOverflow ou um PDF costuma perder aspas, continuações de linha ou pontuações inteiras pelo caminho. Passe por aqui antes de começar a editar à mão.
Depurar código minificado extraído
Quando você está lendo um stack trace de um bundle de produção e pega um trecho para inspecionar, fazer com que ele parseie é metade da batalha. Conserte a sintaxe primeiro, embeleze depois, investigue por último.
Surpresas do ASI
Código que dependia da inserção automática de ponto e vírgula pode quebrar de formas sutis — `return` seguido de quebra de linha retorna `undefined` em silêncio, por exemplo. O corretor adiciona ponto e vírgula explícitos onde o parser quer.
Limpar stubs gerados por IA
Trechos gerados por um LLM às vezes deixam cair uma chave ou pulam uma vírgula. Conserte a sintaxe aqui antes de jogar o resultado no Babel ou no seu bundler.
Perguntas Frequentes
Meu código fica armazenado em algum lugar?
É enviado para o nosso backend para que o modelo de IA o conserte, e devolvemos o resultado. Não registramos o código, não treinamos com ele e não o usamos para nada além de reparar esta requisição.
Que tipos de erro ele corrige?
Coisas no nível de sintaxe: ponto e vírgula faltando, chaves / colchetes / parênteses desbalanceados, vírgulas ausentes em objetos e arrays, valores sem aspas onde se esperava string, strings e template literals não terminados, combinações malformadas de operadores. Bugs de lógica (condição errada, off-by-one) ficam de fora.
O significado do meu código vai mudar?
Ele se esforça para não mudar. O objetivo é manter a semântica intacta e reparar só a gramática. Há casos limite em que é preciso interpretar (um token sem aspas onde claramente deveria haver string, por exemplo) — nesses casos o corretor escolhe a intenção mais provável. Sempre olhe a saída.
Suporta TypeScript?
Sintaxe específica de TypeScript — anotações de tipo, genéricos, decoradores — fica fora do escopo. O subconjunto JS do TS (classes, async/await, template literals, métodos modernos de array) parseia sem problema. Se quiser uma conversão completa para TS, veja nossa ferramenta JS para TypeScript.
Posso usar isto em código de produção?
É uma ferramenta de reparo de sintaxe, não substitui um linter ou type checker. Trate a saída como ponto de partida — passe pelo ESLint e pela sua suite de testes antes de subir.
Existe código que ele simplesmente não consegue corrigir?
Às vezes. Se a entrada é muito fragmentária ou a intenção original é genuinamente ambígua (várias correções plausíveis), o corretor escolherá uma — mas o resultado pode ser sintaticamente válido e semanticamente errado. Sempre revise a saída, especialmente em entradas de poucas linhas.
Outras Ferramentas JavaScript que Você Pode Precisar
Corrigir a sintaxe é só o passo um. Aqui estão as outras ferramentas JavaScript do site: