0Pricing
TypeScript Academy · Aula

O que TypeScript adiciona ao JavaScript

Aprenda como TypeScript amplia JavaScript com tipos estáticos.

O que TypeScript adiciona ao JavaScript é uma aula grátis de TypeScript Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de TypeScript Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de TypeScript Academy inclui 4 aulas no total.

Boas-vindas

O TypeScript é um superconjunto do JavaScript que adiciona anotações de tipos estáticos. Nesta lição, você aprenderá exatamente o que o TypeScript acrescenta ao JavaScript puro.

O TypeScript é um superconjunto

Todo arquivo JavaScript válido também é um arquivo TypeScript válido. Você pode renomear um arquivo .js para .ts, e ele será compilado. O TypeScript apenas adiciona recursos; ele nunca remove a sintaxe do JavaScript.

Anotações de tipos

A adição mais visível são as anotações de tipos. Você declara o tipo de uma variável, de um parâmetro ou de um valor de retorno depois de dois-pontos.
let name: string = 'Alice';
let age: number = 30;
let active: boolean = true;

Verificação de tipos em tempo de compilação

O TypeScript verifica os tipos antes da execução do código. Se você atribuir o tipo incorreto, o compilador informará um erro, em vez de ocorrer uma falha em tempo de execução.
let count: number = 5;
count = 'hello'; // Error: Type 'string' is not assignable to type 'number'

Interfaces e aliases de tipos

O TypeScript adiciona interfaces e aliases de tipos para descrever as formas dos objetos. Eles existem apenas em tempo de compilação e não geram nenhuma saída JavaScript.
interface User {
  name: string;
  age: number;
}

const alice: User = { name: 'Alice', age: 30 };

Enumerações

As enumerações permitem definir um conjunto de constantes nomeadas. Diferentemente das interfaces, as enumerações geram código JavaScript.
enum Direction { Up, Down, Left, Right }
const move: Direction = Direction.Up;

Genéricos

Os genéricos permitem escrever código que funciona com qualquer tipo, mantendo a segurança de tipos. Eles são um recurso importante do TypeScript para criar utilitários reutilizáveis.
function identity<T>(value: T): T {
  return value;
}
const n = identity<number>(42);

Modificadores de acesso em classes

O TypeScript adiciona os modificadores público, privado e protegido às classes. O JavaScript tem a sintaxe # para elementos privados, mas os modificadores do TypeScript são verificados em tempo de compilação.
class BankAccount {
  private balance: number = 0;
  deposit(amount: number) { this.balance += amount; }
}

Tipos não anuláveis

Com strictNullChecks habilitado, nulo e indefinido não são atribuídos automaticamente a todos os tipos. Você precisa permiti-los explicitamente usando tipos de união.
let name: string = null; // Error with strictNullChecks
let maybeName: string | null = null; // OK

O TypeScript remove os tipos em tempo de execução

Todas as anotações de tipos do TypeScript são removidas durante a compilação. A saída é JavaScript puro; não há informações de tipos em tempo de execução.

Melhores ferramentas para IDEs

Com informações de tipos, as IDEs podem oferecer preenchimento automático preciso, documentação integrada, renomeações seguras e localização de todas as referências em todo o projeto.

Verificação rápida

O que acontece com as anotações de tipos do TypeScript quando o código é compilado?

Recapitulação

O TypeScript amplia o JavaScript com anotações de tipos, interfaces, enumerações, genéricos e modificadores de acesso. Todas as informações de tipos são removidas em tempo de compilação. O resultado é um JavaScript mais seguro e compatível com ferramentas.

Perguntas Frequentes

A aula “O que TypeScript adiciona ao JavaScript” é grátis?

Sim — o texto completo de “O que TypeScript adiciona ao JavaScript” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de TypeScript Academy, atualize para CoddyKit PRO. O curso de TypeScript Academy inclui 4 aulas no total.

O que vou aprender em “O que TypeScript adiciona ao JavaScript”?

Aprenda como TypeScript amplia JavaScript com tipos estáticos. Você pratica TypeScript Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar TypeScript Academy?

Nenhuma experiência prévia é necessária. TypeScript Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.

Quanto tempo leva a aula “O que TypeScript adiciona ao JavaScript”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de TypeScript Academy?

Sim. Cada aula de TypeScript Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

  1. Pontos problemáticos do JavaScript: erros em tempo de execução
  2. O que TypeScript adiciona ao JavaScript
  3. Compilação de TypeScript para JavaScript
  4. Quando usar TypeScript em seus projetos
← Voltar para TypeScript Academy