Tipos literales

¡Le damos la bienvenida a la siguiente lección! En esta lección, aprenderá sobre los tipos literales, una función de TypeScript que permite definir valores exactos y específicos para las variables. Esto hace que su código sea más predecible y seguro en cuanto a tipos. ¡Profundicemos!

Los tipos literales de TypeScript permiten que una variable contenga un valor específico, en lugar de solo un tipo general como string o number. Por ejemplo, puede restringir una variable para que solo contenga el valor "yes" o "no".

Ejemplo:

Tarea: Declare una variable con un tipo literal y asígnele valores válidos y no válidos.

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

Los tipos literales de cadena restringen una variable a un conjunto específico de valores de cadena. Ejemplo:

Tarea: Cree un tipo para las direcciones y asigne valores a una variable.

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"'.

También puede utilizar tipos literales con números para restringir una variable a valores numéricos específicos. Ejemplo:

Tarea: Defina un tipo literal numérico para las tiradas de dados y pruébelo.

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'.

Puede utilizar tipos literales en los parámetros de las funciones para permitir únicamente valores específicos. Ejemplo:

Tarea: Escriba una función con un parámetro que utilice tipos literales.

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 literales, puede definirlos como alias de tipo. Ejemplo:

Tarea: Cree un alias de tipo para los colores de un semáforo y utilícelo en una variable.

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

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

Puede utilizar tipos literales dentro de objetos para restringir los valores de propiedades específicas. Ejemplo:

Tarea: Cree un tipo de objeto con una propiedad que utilice tipos literales.

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

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

console.log(submitButton);

Estos son algunos errores comunes al utilizar tipos literales:

• Olvidar actualizar todos los valores permitidos al modificar un tipo literal.
• Asignar valores que no están incluidos en el tipo literal (TypeScript lo detectará).
• Utilizar tipos literales para datos muy dinámicos, en los que la flexibilidad sea más importante.

Consejo: ¡Utilice tipos literales en situaciones controladas y predecibles!

¡Felicitaciones! Ha aprendido a utilizar tipos literales en TypeScript para definir valores precisos y restringidos. Los tipos literales son especialmente útiles para crear código predecible y seguro en cuanto a tipos. En la próxima lección, exploraremos cómo trabajar con funciones en TypeScript. ¡Sigamos programando!