Playground TypeScript

Este TypeScript Playground permite testar um trecho rapidamente sem abrir um projeto completo. Ele executa o compilador TypeScript no seu navegador, mostra diagnósticos de verificação de tipos com números de linha, emite JavaScript e pode executar saídas simples em um console em sandbox.

O que este TypeScript Playground faz

A ferramenta foi projetada para verificações cotidianas de TypeScript: validar a restrição de uniões, testar tipos auxiliares genéricos, comparar targets do compilador, confirmar o comportamento do strict mode e revisar o JavaScript que o TypeScript emite. É útil para aprender, depurar um exemplo compacto, preparar uma resposta ou verificar uma pequena refatoração antes de movê-la para um projeto.

Como usar o compilador TypeScript

1. Cole TypeScript no editor ou escolha um exemplo rápido.
2. Selecione um target de JavaScript e um formato de módulo.
3. Ative o strict mode e a verificação opcional de acesso indexado quando quiser diagnósticos mais rigorosos.
4. Clique em Compilar e Verificar Tipos, ou deixe a compilação automática ativada para feedback em tempo real.
5. Revise os diagnósticos, inspecione o JavaScript emitido e, em seguida, execute trechos simples no console em sandbox.

Notas sobre verificação de tipos

O compilador no navegador usa um arquivo de declaração interno compacto para objetos JavaScript comuns, como arrays, strings, records, JSON, console e timers. Isso mantém o playground rápido e autossuficiente para trechos. Se seu código depende de React, Node.js, DOM APIs ou declarações específicas de pacotes, confirme o resultado final dentro do seu projeto com seu tsconfig.json real e os pacotes de tipos instalados.

Exemplos e casos de uso

Use o playground quando quiser isolar um erro de tipo de uma base de código maior, comparar como o strict mode altera os diagnósticos, explicar um conceito do TypeScript a um colega de equipe ou verificar como um pequeno trecho é compilado para JavaScript. Os exemplos integrados cobrem uniões discriminadas, auxiliares de record genéricos, o operador satisfies e erros de tipo intencionais para que você possa ver estados de compilador limpos e com falhas.

• Validar um tipo de união antes de adicioná-lo a um modelo de resposta de API.
• Testar um auxiliar genérico sem esperar por uma build completa da aplicação.
• Inspecionar o JavaScript emitido ao alterar as opções de target ou de Module.
• Compartilhar uma reprodução compacta de um diagnóstico do TypeScript.

Perguntas frequentes

Esta ferramenta verifica tipos TypeScript?

Sim. Ela constrói um programa TypeScript no navegador e relata diagnósticos do compilador, incluindo erros de tipo, erros de sintaxe e mensagens das opções do compilador.

Posso alterar as opções do compilador TypeScript?

Sim. Os principais controles cobrem target de JavaScript, saída de Module, strict mode, emissão de declarações e noUncheckedIndexedAccess.

Por que um tipo de biblioteca está faltando?

Este playground usa intencionalmente uma biblioteca de tipos interna compacta. Para tipos de framework, DOM, Node.js ou pacotes npm, use a configuração do seu projeto local.

O executor de JavaScript é seguro?

O executor usa um iframe em sandbox para trechos rápidos. Evite executar código não confiável e teste código real de aplicações no seu ambiente de desenvolvimento normal.