Tipos literais

Boas-vindas à próxima lição! Nesta lição, você aprenderá sobre tipos literais, um recurso do TypeScript que permite definir valores exatos e específicos para variáveis. Isso torna seu código mais previsível e seguro quanto aos tipos. Vamos começar!

Os tipos literais no TypeScript permitem que uma variável contenha um valor específico, em vez de apenas um tipo geral como cadeia de caracteres ou número. Por exemplo, você pode restringir uma variável para que contenha apenas o valor "yes" ou "no".

Exemplo:

Tarefa: declare uma variável com um tipo literal e atribua a ela valores válidos e inválidos.

let answer: "yes" | "no";
answer = "yes"; 
// Valid
// answer = "maybe"; 
// Error: Type '"maybe"' is not assignable to type '"yes" | "no"'.

Os tipos literais de cadeia de caracteres restringem uma variável a um conjunto específico de valores de cadeia de caracteres. Exemplo:

Tarefa: crie um tipo para direções e atribua valores a uma variável.

type Direction = "up" | "down" | "left" | "right";

let move: Direction;
move = "up"; // Valid
// move = "forward"; 
// Error: Type '"forward"' is not assignable to type '"up" | "down" | "left" | "right"'.

Você também pode usar tipos literais com números para restringir uma variável a valores numéricos específicos. Exemplo:

Tarefa: defina um tipo literal numérico para lançamentos de dados e teste-o.

type DiceRoll = 1 | 2 | 3 | 4 | 5 | 6;

let roll: DiceRoll;
roll = 4; // Valid
// roll = 7; 
// Error: Type '7' is not assignable to type '1 | 2 | 3 | 4 | 5 | 6'.

Você pode usar tipos literais nos parâmetros de funções para permitir apenas valores específicos. Exemplo:

Tarefa: escreva uma função com um parâmetro que use tipos literais.

function setStatus(status: "active" | "inactive"): void {
  console.log(`The status is now ${status}`);
}

setStatus("active"); 
// Output: The status is now active
// setStatus("pending"); 
// Error: Type '"pending"' is not assignable to type '"active" | "inactive"'.

Para reutilizar tipos literais, você pode defini-los como aliases de tipo. Exemplo:

Tarefa: crie um alias de tipo para as cores de um semáforo e use-o em uma variável.

type TrafficLight = "red" | "yellow" | "green";

let light: TrafficLight = "red";
console.log(light);
 // Output: red

Você pode usar tipos literais dentro de objetos para restringir os valores de propriedades específicas. Exemplo:

Tarefa: crie um tipo de objeto com uma propriedade que use tipos literais.

type Button = {
  label: string;
  size: "small" | "medium" | "large";
};

let submitButton: Button = {
  label: "Submit",
  size: "medium",
};

console.log(submitButton);

Veja alguns erros comuns ao usar tipos literais:

• Esquecer de atualizar todos os valores permitidos ao modificar um tipo literal.
• Atribuir valores que não estão incluídos no tipo literal, algo que o TypeScript detectará.
• Usar tipos literais para dados altamente dinâmicos, nos quais a flexibilidade é mais importante.

Dica: use tipos literais em cenários controlados e previsíveis!

Parabéns! Você aprendeu a usar tipos literais no TypeScript para definir valores precisos e restritos. Os tipos literais são especialmente úteis para criar código previsível e seguro quanto aos tipos. Na próxima lição, exploraremos o suporte do TypeScript ao trabalho com funções. Vamos continuar programando!