Formatação de código / MULTIVERTO
Indente blocos JavaScript simples e instruções explícitas.
Aplique cada ferramenta de texto ao resultado anterior. Fluxos de trabalho com texto ↗
Somente o nome da sequência e a ordem das ferramentas são salvos neste navegador. Sua entrada e seus resultados nunca são salvos.
01 / Exemplo
function saudar(nome){const mensagem="Olá, "+nome;return mensagem;}function saudar(nome){
const mensagem="Olá, "+nome;
return mensagem;
}02 / Guia
Indente blocos JavaScript simples e instruções explícitas. A indentação e as quebras de linha revelam a estrutura sem alterar os tokens de entrada suportados. O formatador lida com blocos simples delimitados por chaves e com ponto e vírgula explícito. Uma função escrita em uma linha fica mais fácil de acompanhar. Literais de template e expressões regulares ambíguas são rejeitados porque a formatação por linhas sem um parser completo poderia alterar seu significado.
O código-fonte JavaScript pode conter strings, comentários, expressões regulares, literais de modelo e construções em que uma quebra de linha importa. Um editor pequeno não pode inferir com segurança cada limite a partir da pontuação sozinha. O formatador de bloco aqui lida com código simples com chaves e pontos e vírgulas explícitos e rejeita literais de template ou sintaxe ambígua de expressão regular em vez de silenciosamente reescrevê-los. Ele é destinado a snippets de inspeção curtos, não a agrupar código de aplicativo.
A formatação é mais útil durante a revisão ou depuração, quando o recuo pode expor um nível de aninhamento ausente ou um irmão inesperado. Cole um fragmento completo e representativo e execute o formatador uma vez. Leia a saída da estrutura mais externa para dentro, prestando atenção em onde cada elemento, bloco ou cláusula começa e termina. Esta página deliberadamente evita fingir ser um compilador para todas as possíveis extensões da linguagem. No exemplo, “function saudar(nome){const mensagem="Olá, "+nome;return mensagem;}” produz a prévia compacta “function saudar(nome){ ⏎ const mensagem="Olá, "+nome; ⏎ return mensagem; ⏎ }” (⏎ indica uma quebra de linha). Leia a pontuação, bem como as palavras visíveis: essa pequena amostra é um resultado observável desta operação em particular. Altere um recurso que você gosta na fonte e compare o mesmo lugar no resultado. Formatar uma função com um condicional aninhado e uma string contendo um parêntesis. Compare os limites de ramificação no resultado e execute um teste comportamental em cada ramificação. Este formatador estreito não deve ser usado para normalizar templates, literais de expressões regulares ou código que depende da inserção automática de ponto e vírgula.
Expanda uma função JavaScript curta com chaves explícitas e ponto e vírgula ao rever seu fluxo de controle. Execute os testes existentes após copiar o resultado, especialmente se uma cadeia de caracteres contiver chaves ou pontuação. Este é um formatador estreito, não um analisador ECMAScript completo ou linter; templates, expressões regulares ambíguas e inserção automática de ponto e vírgula precisam de uma ferramenta de produção. Mantenha o original ao lado da saída e teste um pequeno exemplo conhecido antes de manipular um documento grande. Compare conteúdo significativo, não apenas o tamanho do arquivo ou o número de linhas. Verifique nomes, strings entre aspas, caracteres não ASCII, terminações de linha e quaisquer campos repetidos após a transformação.
Explorar guias