Anotações de Tipo Explícitas
Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 11 de 73.
Entender quando usar anotações explícitas em vez de depender da inferência é crucial para escrever código TypeScript eficaz.
O cenário mais comum que exige anotações de tipo explícitas é quando você declara uma variável sem atribuir um valor a ela imediatamente:
let score: number; // Deve especificar o tipo explicitamente
score = 85; // Atribui o valor depoisSem a anotação explícita : number, o TypeScript inferiria o tipo como any, perdendo todos os benefícios de segurança de tipo. Ao declarar explicitamente o tipo, você garante que apenas valores numéricos possam ser atribuídos a esta variável posteriormente.
Desafio
FácilDeclare uma variável chamada totalScore com o tipo explícito number sem atribuir a ela um valor inicial.
Na próxima linha, atribua o valor 95 à variável totalScore.
Em seguida, declare outra variável chamada playerName com o tipo explícito string sem atribuir a ela um valor inicial.
Na próxima linha, atribua o valor "Alex" à variável playerName.
Por fim, imprima ambas as variáveis no console em linhas separadas, primeiro totalScore e depois playerName.
Experimente você mesmo
// TODO: Escreva seu código aquiEsta 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