El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència
HOME Els meus cursos Finalitzats
◄ Anterior
◄

Àlies de Tipus

Següent ►
►

Els àlies de tipus en TypeScript permeten donar noms personalitzats a tipus existents, fent el codi més llegible i mantenible. Els àlies de tipus són especialment útils quan es treballa amb tipus complexos o repetitius.

Continguts

  1. Què és un Àlies de Tipus?
  2. Creació d'Àlies de Tipus
  3. Àlies de Tipus Complexos
  4. Exemples Pràctics
  5. Exercicis
  6. Conclusió

Què és un Àlies de Tipus?

Un àlies de tipus és una manera de donar un nom alternatiu a un tipus existent. Això pot incloure tipus primitius, objectes, unions, tuples, etc. Els àlies de tipus es defineixen utilitzant la paraula clau type.

Exemple Bàsic

type ID = number;
type Username = string;

En aquest exemple, ID és un àlies per al tipus number i Username és un àlies per al tipus string.

Creació d'Àlies de Tipus

Per crear un àlies de tipus, utilitzem la sintaxi següent:

type AliasName = ExistingType;

Exemple

type Point = {
  x: number;
  y: number;
};

let point: Point = { x: 10, y: 20 };

En aquest exemple, Point és un àlies per a un objecte amb propietats x i y de tipus number.

Àlies de Tipus Complexos

Els àlies de tipus poden ser utilitzats per simplificar tipus complexos, com ara unions, tuples i funcions.

Unions

type StringOrNumber = string | number;

let value: StringOrNumber;
value = "Hello";
value = 123;

Tuples

type StringNumberPair = [string, number];

let pair: StringNumberPair = ["Hello", 123];

Funcions

type Callback = (data: string) => void;

function fetchData(callback: Callback) {
  // Simulació de la recuperació de dades
  callback("Dades recuperades");
}

Exemples Pràctics

Exemple 1: Àlies per a un Objecte Complex

type User = {
  id: number;
  name: string;
  email: string;
};

let user: User = {
  id: 1,
  name: "John Doe",
  email: "[email protected]"
};

Exemple 2: Àlies per a Tipus d'Unió

type Status = "success" | "error" | "loading";

let currentStatus: Status;
currentStatus = "success";
currentStatus = "error";

Exemple 3: Àlies per a Funcions

type MathOperation = (a: number, b: number) => number;

const add: MathOperation = (a, b) => a + b;
const subtract: MathOperation = (a, b) => a - b;

console.log(add(5, 3)); // 8
console.log(subtract(5, 3)); // 2

Exercicis

Exercici 1: Crear un Àlies per a un Objecte

Defineix un àlies de tipus per a un objecte Product amb les propietats id, name i price.

// Defineix l'àlies de tipus aquí
type Product = {
  id: number;
  name: string;
  price: number;
};

let product: Product = {
  id: 1,
  name: "Laptop",
  price: 999.99
};

Exercici 2: Crear un Àlies per a una Unió

Defineix un àlies de tipus per a una unió que representi un string o un boolean.

// Defineix l'àlies de tipus aquí
type StringOrBoolean = string | boolean;

let value: StringOrBoolean;
value = "Hello";
value = true;

Exercici 3: Crear un Àlies per a una Funció

Defineix un àlies de tipus per a una funció que prengui dos number i retorni un number.

// Defineix l'àlies de tipus aquí
type Operation = (a: number, b: number) => number;

const multiply: Operation = (a, b) => a * b;

console.log(multiply(4, 5)); // 20

Conclusió

Els àlies de tipus són una eina poderosa en TypeScript que permeten simplificar i fer més llegible el codi. Són especialment útils quan es treballa amb tipus complexos o repetitius. En aquest tema, hem après a crear àlies de tipus per a objectes, unions, tuples i funcions, i hem vist exemples pràctics de com utilitzar-los.

En el següent tema, explorarem els Guàrdies de Tipus, una característica avançada que ens permetrà fer el nostre codi encara més robust i segur.

◄ Anterior
◄
Següent ►
►
El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència
© Copyright 2024. Tots els drets reservats