Tuplas Readonly
Parte da seção Introdução ao TypeScript do Journey de JavaScript da Coddy — lição 18 de 73.
Assim como você pode tornar arrays imutáveis com o modificador readonly, o TypeScript permite que você crie tuplas readonly que não podem ser modificadas após a inicialização. Isso fornece os mesmos benefícios de imutabilidade para dados estruturados de comprimento fixo.
Quando você adiciona readonly antes de um tipo de tupla, o TypeScript impede quaisquer alterações nos elementos da tupla.
Isso significa que você não pode reatribuir valores em posições específicas ou usar métodos que modificariam o conteúdo da tupla:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];O modificador readonly é particularmente valioso para tuplas porque elas frequentemente representam dados estruturados importantes, como coordenadas, valores de cores RGB ou registros de banco de dados que não devem mudar depois de criados.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Teste seus conhecimentosEsta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.
Desafio
FácilCrie uma tupla readonly chamada startPoint que represente um ponto 2D com dois números (coordenadas x e y). Inicialize-a com os valores 0 e 0.
Crie outra tupla readonly chamada colorRGB que represente um valor de cor RGB com três números (vermelho, verde, azul). Inicialize-a com os valores 255, 128 e 64.
Crie uma terceira tupla readonly chamada userRecord que contenha um número (ID do usuário), uma string (nome de usuário) e um booleano (status ativo). Inicialize-a com os valores 42, "admin" e true.
Imprima todas as três tuplas readonly no console em linhas separadas na ordem em que foram criadas.
Folha de consulta
Crie tuplas somente leitura usando o modificador readonly antes do tipo da tupla para evitar modificações após a inicialização:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];
Tuplas somente leitura são úteis para dados estruturados como coordenadas, valores RGB ou registros de banco de dados que não devem mudar depois de criados.
Experimente você mesmo
// TODO: Escreva seu código aqui
// Crie as tuplas somente leitura conforme descrito no desafio
// Imprima todas as três tuplasEsta 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 Tipadas
2Tipos 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 Tuplas