pressione ⌘K para trocar de ferramenta
FORMAT & CONVERT

Formatador JavaScript

Formata código JavaScript.

local
js-format
§01 SOBRE ESTA FERRAMENTA

Visão geral

Bundles minificados e trechos escritos em uma só linha são penosos de ler. Esta ferramenta reindenta JavaScript com o motor js-beautify — indentação de dois espaços, uma instrução por linha — para você inspecionar scripts de terceiros, depurar um bundle de produção ou simplesmente arrumar um protótipo escrito às pressas. Tudo roda localmente, dentro do seu navegador.

Como usar

  1. Cole seu código no campo JavaScript.
  2. O campo Formatted é atualizado na hora conforme você digita — não há botão para apertar.
  3. Copie o resultado direto do campo de saída.

Exemplos

  • function f(a){return a?1:2}
function f(a) {
  return a ? 1 : 2
}
  • Uma IIFE minificada como (function(){var x=1;console.log(x)})() se expande em um bloco de várias linhas, fácil de ler.

Observações

Isto é um formatador, e não um desobfuscador: ele restaura o layout, mas não tem como recuperar os nomes originais das variáveis de um código minificado (a, b, t continuam exatamente como estão). Ele também não valida sintaxe — uma entrada quebrada é formatada em regime de melhor esforço, do jeito que der. A sintaxe moderna que o js-beautify já trata, incluindo arrow functions e template literals, é formatada corretamente.

FAQ
Meu código é enviado para um servidor?
Não. A formatação roda inteiramente no seu navegador, com a biblioteca js-beautify. Seu código-fonte nunca sai da sua máquina.
O formatador executa o meu JavaScript?
Não. O código é apenas analisado e reimpresso como texto — ele nunca é avaliado, então colar scripts não confiáveis para inspecioná-los é seguro.
A formatação muda o que o código faz?
Não. Só o espaço em branco, as quebras de linha e a indentação são reescritos. Identificadores, literais e a ordem das instruções ficam intocados, então o comportamento é idêntico.