Menu
Coddy logo textTech

Tipagem de Parâmetros e Retornos

Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 22 de 73.

Funções são os blocos de construção de qualquer aplicação, e o TypeScript as torna mais seguras e previsíveis ao permitir que você especifique exatamente quais tipos de dados elas aceitam e retornam. Quando você adiciona anotações de tipo às funções, você cria um contrato claro que define o que entra e o que sai.

Para adicionar tipos a uma função, você especifica o tipo para cada parâmetro após o seu nome e, opcionalmente, especifica o tipo de retorno após a lista de parâmetros:

function greet(name: string): string {
  return "Hello, " + name;
}

function multiply(a: number, b: number): number {
  return a * b;
}

A sintaxe segue um padrão simples: parameterName: type para cada parâmetro, e : returnType após o parêntese de fechamento.

challenge icon

Desafio

Fácil

Crie uma função chamada add que recebe dois parâmetros do tipo number e retorna a soma deles. A função deve ter uma anotação de tipo de retorno explícita de number.

Crie outra função chamada getFullName que recebe dois parâmetros: firstName do tipo string e lastName do tipo string. A função deve retornar o nome completo como uma única string com um espaço entre o primeiro e o último nome. Adicione uma anotação de tipo de retorno explícita de string.

Crie uma terceira função chamada isEligible que recebe dois parâmetros: age do tipo number e hasLicense do tipo boolean. A função deve retornar true se a pessoa tiver 18 anos ou mais E possuir uma licença, caso contrário, retornar false. Adicione uma anotação de tipo de retorno explícita de boolean.

Teste suas funções chamando-as com os seguintes valores e imprimindo os resultados:

  • Chame add com 15 e 27
  • Chame getFullName com "John" e "Smith"
  • Chame isEligible with 20 e true
  • Chame isEligible with 16 e true

Imprima cada resultado em uma linha separada na ordem especificada acima.

Experimente você mesmo

// TODO: Escreva seu código aqui
// Crie a função add com anotação explícita de tipo de retorno

// Crie a função getFullName com anotação explícita de tipo de retorno

// Crie a função isEligible com anotação explícita de tipo de retorno

// Teste as funções e imprima os resultados
// Chame add com 15 e 27
// Chame getFullName com "John" e "Smith"
// Chame isEligible com 20 e true
// Chame isEligible com 16 e true
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Introdução ao TypeScript

Pratique por conta própria: Compilador de JavaScript online