Introdução ao TypeScript

TypeScript é um superconjunto do JavaScript — todo programa JavaScript válido já é TypeScript válido. O que o TypeScript adiciona por cima é um sistema de tipos: você pode descrever o formato dos seus dados (strings, numbers, objects, functions), e o compilador verifica se o seu código realmente respeita esses formatos antes mesmo de rodar.

O código TypeScript não roda diretamente — primeiro ele é compilado para JavaScript puro. As anotações de tipo existem puramente para detectar erros enquanto você escreve o código; uma vez compilado, o resultado é JavaScript comum sem a informação de tipos, e é isso que realmente executa.

Por que se importar com tipos?

• Detectar bugs antes de rodar o código — um erro de digitação no nome de uma propriedade, ou passar o tipo errado de valor, aparece imediatamente como um erro em vez de uma surpresa em tempo de execução
• Melhor suporte do editor — autocompletar, documentação inline, e renomeação segura dependem todos de o editor saber de que tipo é um valor
• Código autodocumentado — a assinatura de tipo de uma função te diz o que ela espera e retorna sem precisar ler sua implementação
• Refatoração mais segura — mudar o formato de um tipo sinaliza imediatamente todo lugar que assumia o formato antigo

Uma prévia rápida

Aqui está um programa TypeScript real, executado de verdade no próprio compilador desta página — não é uma simulação:

let greeting: string = "Hello from TypeScript!";
console.log(greeting);

Hello from TypeScript!

É isso — uma variável normal, só que com um tipo explícito. A próxima lição executa seu primeiro programa completo e explica exatamente o que está acontecendo.