Aliases de Tipos para Primitivos
Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy. Lição 30 de 73.
A palavra-chave type do TypeScript permite que você crie um alias de tipo - essencialmente um nome personalizado para qualquer tipo existente, incluindo tipos primitivos e suas combinações.
A sintaxe é direta: você usa a palavra-chave type seguida pelo nome escolhido, um sinal de igual e o tipo para o qual deseja criar um apelido:
type UserID = string | number;
type Score = number;
type IsActive = boolean;Depois de criar um alias de tipo, você pode usá-lo em qualquer lugar onde usaria o tipo original. Isso é particularmente útil ao trabalhar com tipos união, pois torna seu código mais legível e autoexplicativo:
type UserID = string | number;
let currentUser: UserID = "user123";
let adminUser: UserID = 42;Aliases de tipo não criam novos tipos - eles simplesmente fornecem nomes alternativos para os já existentes. Isso significa que UserID e string | number são completamente intercambiáveis, mas usar o alias torna a intenção do seu código muito mais clara para outros desenvolvedores.
Desafio
FácilCrie um alias de tipo chamado UserID para um tipo união que pode ser uma string ou um number.
Crie um alias de tipo chamado Priority para um tipo união que pode ser uma string ou um boolean.
Crie um alias de tipo chamado Status para o tipo string.
Agora declare as seguintes variáveis usando seus aliases de tipo:
- Declare uma variável chamada
currentUserdo tipoUserIDe atribua a ela o valor de string"admin123" - Declare uma variável chamada
guestUserdo tipoUserIDe atribua a ela o valor numérico42 - Declare uma variável chamada
taskPrioritydo tipoPrioritye atribua a ela o valor de string"high" - Declare uma variável chamada
isUrgentdo tipoPrioritye atribua a ela o valor booleanotrue - Declare uma variável chamada
orderStatusdo tipoStatuse atribua a ela o valor de string"pending"
Imprima o valor de cada variável em uma linha separada, na ordem em que foram declaradas acima.
Experimente você mesmo
// TODO: Escreva seu código aqui
// Crie aliases de tipo para UserID, Priority e Status
// Em seguida, declare as variáveis e atribua os valores especificados
// Imprima o valor de cada variávelEsta 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