Analisar código copiado de um registo
Expanda um bloco compacto para seguir condições e chamadas. Remova prefixos do registo, mensagens de erro e delimitadores Markdown da fonte fornecida.
Formatador JavaScript
Formate JavaScript, TypeScript ou JSX para facilitar a leitura sem executar código. Processamento local no navegador.
- Área de transferência
- Exportar
Dados não enviados
Não foi possível processar esta entrada. Verifique a sintaxe e as limitações indicadas abaixo.
Resultado
Esta ferramenta foi útil?
Como funciona esta ferramenta?
Reorganize JavaScript para ler mais facilmente blocos, expressões e instruções. O formatador analisa a sintaxe antes de produzir uma apresentação coerente, sem dividir o texto em cada chaveta ou ponto e vírgula. Strings, modelos e expressões regulares com esses caracteres mantêm o seu papel. O código é tratado como texto local: nenhuma função colada é chamada e os módulos citados em import não são carregados para executar o programa.
O motor usa um parser JavaScript compatível com as construções TypeScript e JSX reconhecidas. Reconstrói a apresentação a partir dessa representação, com blocos indentados e espaços coerentes entre operadores. Aspas, pontos e vírgulas e outras formas escritas podem ser normalizados mantendo valores literais equivalentes.
Não é compilação. Uma anotação TypeScript como : string mantém-se e JSX continua JSX. O resultado não se torna automaticamente executável num navegador que espere JavaScript padrão. Não verifica tipos, imports ou nomes de variáveis; uma sintaxe aceite pode conter erros lógicos.
A sintaxe suportada depende do parser incluído. Propostas JavaScript experimentais, extensões de compilador ou construções ambíguas entre TypeScript e JSX podem ser rejeitadas. Use a cadeia do projeto para sintaxes específicas: este formulário não substitui todas as suas opções.
A formatação não minifica, renomeia variáveis nem elimina código não utilizado. Não produz mapas de origem nem carrega a configuração Prettier local. A descarga usa .js por predefinição: adapte o nome de ficheiros TypeScript ou JSX antes de os integrar no repositório.
Como usar esta ferramenta
Forneça o código completo
Cole instruções relevantes com strings e comentários fechados. Importar um ficheiro aceite não executa o programa.
Execute a formatação sintática
Examine a indentação. Se falhar, procure strings incompletas, chavetas em falta ou sintaxe específica não suportada.
Reveja antes de integrar
Verifique literais, copie ou descarregue o resultado e escolha a extensão adequada à linguagem. Alterar a fonte oculta o resultado anterior.
Casos de uso
Discutir uma condição numa revisão
Apresente blocos legíveis antes de discutir o comportamento. A apresentação não substitui testes dos ramos realmente executados.
Preparar exemplos TypeScript legíveis
Mantenha anotações num exemplo pedagógico sem as compilar. Verifique depois o código com TypeScript no seu ambiente real.
Exemplos
Preservar string, Regex e modelo
; e {} dentro dos literais não se tornam fronteiras de blocos. A anotação TypeScript mantém-se porque não há compilação para JavaScript.
Entrada
const value: string="a;{b}";const re=/[{};]/g;const t=`x;${value}`;Resultado
const value: string = "a;{b}";
const re = /[{};]/g;
const t = `x;${value}`;
Expandir um bloco condicional
A condição e a chamada a() mantêm-se. Reorganizam-se espaços, linhas e indentação sem executar a condição.
Entrada
if(x){a();}Resultado
if (x) {
a();
}
Dicas e boas práticas
- Use fontes originais em vez de bundles minificados quando precisar de nomes e comentários úteis. A apresentação não reconstitui símbolos renomeados.
- Verifique erros de tipos com o compilador ou servidor de linguagem do projeto; este formulário não realiza essa análise.
- Aplique a configuração do repositório se a equipa exigir regras de formatação específicas.
- Remova chaves API antes de publicar. O processamento local evita o envio ao formatador, não uma divulgação posterior do código copiado.
Fontes e referências
- ECMAScript Language Specification (abre num novo separador), Ecma InternationalPágina em inglês
- The TypeScript Handbook — Everyday Types (abre num novo separador), TypeScriptPágina em inglês
Perguntas frequentes
O JavaScript é executado durante a formatação?
Não. O motor analisa e reescreve uma representação sintática. Não chama eval nem executa funções ou imports declarados no texto.
Chavetas dentro de strings podem criar blocos falsos?
O parser distingue strings, modelos, expressões regulares e blocos. Evita dividir indiscriminadamente o texto por caracteres que pertencem a um literal.
TypeScript e JSX são convertidos em JavaScript?
Não. Mantêm-se as construções reconhecidas ao apresentar o texto. Compile com as ferramentas do projeto e adapte a extensão de descarga para TypeScript ou JSX.
Um código aceite está necessariamente correto?
O êxito confirma apenas que o parser reconhece o excerto. Variáveis desconhecidas, tipos incompatíveis, imports em falta e erros de negócio exigem análise e testes separados.
Ferramentas relacionadas
Continue com estas ferramentas
Ferramentas semelhantes ou complementares a esta.
Ferramentas semelhantes
Gere interfaces TypeScript, tipos, esquemas Zod ou JSON Schema a partir de um exemplo JSON.
DesenvolvimentoUtilizar esta ferramenta
Teste uma expressão regular num texto e inspecione as correspondências obtidas.
DesenvolvimentoEm destaqueUtilizar esta ferramenta
Formate HTML ou remova comentários comuns localmente, mantendo espaços do texto e conteúdo dos scripts na remoção de comentários.
DesenvolvimentoUtilizar esta ferramenta