Inferência de Tipo na Prática
Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 10 de 73.
Quando você inicializa uma variável com um valor, o TypeScript examina esse valor e atribui automaticamente o tipo apropriado:
let message = "Hello, World!"; // TypeScript infere: string
let count = 42; // TypeScript infere: number
let isActive = true; // TypeScript infere: booleanEsta inferência de tipos fornece a mesma segurança de tipos que as anotações explícitas, mas com um código mais limpo e legível. O TypeScript ainda capturará erros de tipo se você tentar reatribuir essas variáveis a valores incompatíveis.
A inferência de tipo funciona porque o TypeScript analisa o valor inicial no momento da atribuição. Um valor de string diz ao TypeScript que a variável deve ser do tipo string, um valor numérico indica number, e assim por diante.
Desafio
FácilCrie três variáveis usando a inferência de tipo do TypeScript sem anotações de tipo explícitas:
Declare uma variável chamada companyName e inicialize-a com a string "TechCorp".
Declare uma variável chamada employeeCount e inicialize-a com o número 150.
Declare uma variável chamada isPublic e inicialize-a com o valor booleano false.
Imprima todas as três variáveis no console em linhas separadas na ordem em que foram declaradas.
O TypeScript inferirá automaticamente os tipos corretos com base nos valores iniciais que você atribuir a cada variável.
Experimente você mesmo
// TODO: Escreva seu código aqui
// Declare as três variáveis com seus valores iniciais
// Lembre-se de usar a inferência de tipo do TypeScript (não são necessárias anotações de tipo explícitas)
// Imprima todas as três variáveis no consoleEsta 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: Playground de TypeScript