Anúncios incomodam? Ir Sem anúncios Hoje 

Removedor de Tipos do TypeScript

DadosDesenvolvedorTexto

ANUNCIADO Remover?

ENTRADA

Processo Automático

SAÍDA

Lado cliente

ANUNCIADO Remover?

Guia

Removedor de Tipos do TypeScript

O TypeScript Type Stripper transforma o código original em JavaScript limpo e executável, removendo todos os elementos adicionados pela linguagem sobre o ECMAScript. Anotações de tipo, declarações de interface, aliases de tipo, parâmetros genéricos, enums, decoradores e afirmações de não nulo são removidos em uma única passagem determinística, enquanto a lógica de execução do seu programa é preservada exatamente como foi escrita.

A ferramenta executa inteiramente no seu navegador usando a API oficial do compilador TypeScript, então seu código fonte nunca sai do seu computador. A saída é idêntica à que o tsc produziria para a mesma entrada, o que torna o stripper seguro para portar bibliotecas, compartilhar trechos em contextos de JavaScript puro, depurar o comportamento pós-transpilação e migrar de TypeScript quando um projeto já não precisar dele.

Como usar

Cole seu código fonte TypeScript na área de entrada ou arraste um .ts ou .tsx arquivo para o carregador.
Escolha um modo de saída: Strip apenas tipos mantém a sintaxe moderna intacta, enquanto os alvos ES2020, ES2017 e ES5 adicionam versões mais antigas de recursos linguísticos.
Escolha uma opção de tratamento de JSX se seu código contém expressões de JSX, depois ative a preservação de comentários JSDoc, remoção de importações apenas de tipo e remoção de comentários conforme desejar.
O JavaScript puro aparece na área de saída assim que o compilador terminar. Use o botão de cópia ou download para obter o resultado.

Características

Transformação determinística do AST – Construído sobre o compilador oficial do TypeScript, para que a saída seja reproduzível byte a byte.
Strip apenas ou downlevel – Escolha entre remoção pura de tipos ou transpilação completa para ES2020, ES2017 ou ES5.
Cobertura completa da linguagem – Trata interfaces, aliases de tipo, genéricos, enums, decoradores, propriedades de parâmetro e afirmações de não nulo de forma adequada.
Consciência de JSX – Preservar .jsx saída ou converter para React.createElement chamadas.
Controle de comentários – Manter blocos de JSDoc, removê-los ou remover todos os comentários para builds de produção.
Limpeza de importações apenas de tipo – Remove import type instruções que não referenciam mais nada no ambiente de execução.
Privacidade primeiro – Tudo é executado no navegador; nenhum código é enviado para um servidor.
Relatório de tamanho – Veja quantos bytes a saída reduz em comparação com o código original.

ANUNCIADO Remover?

 Perguntas frequentes

O que é TypeScript e como difere do JavaScript?

TypeScript é um superset estrito do JavaScript que adiciona anotações de tipo, interfaces, enums, genéricos e outras construções em tempo de compilação. O compilador TypeScript (tsc) analisa essas construções em uma Árvore de Sintaxe Abstrata (AST) e então gera JavaScript compatível com as normas, eliminando a camada de tipo. Como os tipos existem apenas em tempo de compilação, o comportamento em tempo de execução de um TypeScript bem tipado é idêntico ao JavaScript que ele transpila.
Por que a erasure de tipo é uma transformação determinística?

A erasure de tipo é determinística porque opera sobre uma árvore de sintaxe analisada, e não sobre texto bruto. Cada nó na árvore possui um tipo explícito, e o compilador remove nós de tipos apenas de tipo (como TypeAnnotation, InterfaceDeclaration e TypeAliasDeclaration) sem tocar nas expressões que produzem valores. Assim, o JavaScript resultante garante a preservação de semântica sempre que o código fonte for sintaticamente válido.
O que são alvos de downlevel do ECMAScript e por que eles importam?

As edições do ECMAScript (ES2017, ES2020, ES2022, etc.) definem quais recursos linguísticos os navegadores e ambientes de execução implementam nativamente. Um alvo de downlevel instrui um compilador a reescrever recursos mais recentes (como optional chaining, async/await, class fields) em código equivalente que os ambientes mais antigos podem executar. Escolher um alvo mais baixo amplia a compatibilidade, mas aumenta o tamanho da saída e a quantidade de funções auxiliares emitidas.
Como declarações e código de execução diferem?

Um arquivo de declaração (.d.ts) contém apenas informações ambientais de tipo: interfaces, aliases de tipo, assinaturas de função e formas de módulo. Ele não produz código de execução quando compilado. Arquivos de implementação (.ts) combinam declarações de tipo com expressões de execução. Durante a transpilação, todo conteúdo de .d.ts desaparece e apenas a parte executável dos arquivos .ts é emitida para JavaScript.