0Pricing
TypeScript Academy · Aula

Inferência de tipos e tipagem contextual

Aprenda como o TypeScript infere tipos automaticamente

Inferência de tipos e tipagem contextual é uma aula grátis de TypeScript Academy no CoddyKit. Esta é a aula 1 de 3. 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 3 aulas no total.

O que é a inferência de tipos?

O que é a inferência de tipos?

A inferência de tipos é um recurso do TypeScript que determina automaticamente o tipo de uma variável ou expressão com base em seu valor.

Por exemplo, quando você escreve let age = 25;, o TypeScript infere que age é do tipo number.

Inferência de tipos e tipagem contextual — ilustração 1

Benefícios da inferência de tipos

Benefícios da inferência de tipos

A inferência de tipos reduz a necessidade de declarar tipos explicitamente, tornando seu código mais limpo e fácil de escrever.

Ela também ajuda o TypeScript a detectar erros durante o desenvolvimento, garantindo a segurança de tipos sem adicionar anotações extras.

Exemplos de inferência de tipos

Exemplos de inferência de tipos

Veja alguns exemplos: 

  • let message = 'Hello'; - O TypeScript infere o tipo como string. 
  • const isActive = true; - O TypeScript infere o tipo como boolean.

A inferência de tipos também funciona com valores retornados por funções:

function add(a: number, b: number) {
  return a + b;
}

O que é a tipagem contextual?

O que é a tipagem contextual?

A tipagem contextual ocorre quando o TypeScript atribui um tipo a uma variável com base no contexto ao seu redor.

Por exemplo, ao usar um ouvinte de eventos, o TypeScript infere o tipo do parâmetro event:

document.addEventListener('click', (event) => {
  console.log(event.clientX); // TypeScript knows event is a MouseEvent
});
document.addEventListener('click', (event) => {
  console.log(event.clientX);
});

Benefícios da tipagem contextual

Benefícios da tipagem contextual

A tipagem contextual melhora a experiência de desenvolvimento ao reduzir a necessidade de anotações manuais de tipos.

Ela ajuda a detectar erros e garante que você esteja trabalhando com os tipos corretos em contextos específicos.

Situações comuns de inferência de tipos

Situações comuns de inferência de tipos

O TypeScript realiza inferências em muitas situações, como:

  • Inicialização de variável: let name = 'John';
  • Valores retornados por funções: function greet() { return 'Hello'; }
  • Valores de matrizes: let numbers = [1, 2, 3]; (inferido como number[]).

Quando usar tipos explícitos

Quando usar tipos explícitos

Embora a inferência de tipos do TypeScript seja poderosa, há casos em que os tipos explícitos são melhores:

  • Quando o tipo é ambíguo ou complexo.
  • Para parâmetros de funções, a fim de garantir clareza.
  • Para APIs públicas, nas quais os tipos explícitos melhoram a legibilidade e a facilidade de manutenção.

Prática: inferência de tipos e tipagem contextual

Prática: inferência de tipos e tipagem contextual

Escreva uma função que receba dois números como entrada e retorne a soma deles. O TypeScript inferirá os tipos para você!

Exemplo:

function addNumbers(a, b) {
  return a + b;
}
function addNumbers(a, b) {
  return a + b;
}

Excelente trabalho!

Excelente trabalho!

Você aprendeu como o TypeScript usa a inferência de tipos e a tipagem contextual para tornar seu código eficiente e seguro quanto aos tipos. Continue explorando os recursos poderosos do TypeScript para aprimorar suas habilidades de programação!

Inferência de tipos e tipagem contextual — ilustração 9

Perguntas Frequentes

A aula “Inferência de tipos e tipagem contextual” é grátis?

Sim — o texto completo de “Inferência de tipos e tipagem contextual” é 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 3 aulas no total.

O que vou aprender em “Inferência de tipos e tipagem contextual”?

Aprenda como o TypeScript infere tipos automaticamente 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 1 de 3.

Quanto tempo leva a aula “Inferência de tipos e tipagem contextual”?

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. Inferência de tipos e tipagem contextual
  2. Decoradores no TypeScript
  3. Módulos e espaços de nomes do TypeScript
← Voltar para TypeScript Academy