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.
Desafio
FácilCrie 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
addcom15e27 - Chame
getFullNamecom"John"e"Smith" - Chame
isEligiblewith20etrue - Chame
isEligiblewith16etrue
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 trueEsta 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
1Primeiros Passos com TS
O que é TypeScript?Por que usar TypeScript?Seu Primeiro Código TypeScriptProcesso de Compilação e ErrosRecapitulação: Introdução ao TS4Trabalhando com Funções
Tipagem de Parâmetros e RetornosTipagem de Arrow FunctionsO Tipo de Retorno 'void'Parâmetros Opcionais com '?'Valores Padrão de ParâmetrosTipagem de Rest ParametersDefinindo Tipos de FunçõesRecapitulação: Criando Funções Tipadas2Tipos Principais
Tipos Básicos: str, num, booleanO Tipo 'any': Válvula de EscapeO Tipo 'unknown'Trabalhando com 'null' e 'undef'Inferência de Tipo na PráticaAnotações de Tipo ExplícitasRecapitulação: Prática de Tipos Principais5Tipos: Aliases, Uniões e Interseções
Aliases de Tipos para PrimitivosTipos de União ('|')Trabalhando com Tipos de UniãoTipos LiteraisTipos de Interseção ('&')Combinando Aliases de TiposRecapitulação: Combinações Avançadas de Tipos3Estrutura de Dados: Arrays e Tuplas
Arrays TipadosModificador 'readonly' para ArraysO que é uma Tupla?Declarando e Acessando TuplasDesestruturando TuplasTuplas ReadonlyArrays Tipados MultidimensionaisSpread Operator com ArraysRecapitulação: Arrays e TuplasPratique por conta própria: Compilador de JavaScript online