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

Anotacions de Tipus

Següent ►
►

Les anotacions de tipus són una característica fonamental de TypeScript que permeten especificar explícitament els tipus de variables, paràmetres de funció, i valors de retorn. Això ajuda a prevenir errors i a fer el codi més llegible i mantenible.

Continguts

  1. Introducció a les Anotacions de Tipus
  2. Anotacions de Tipus en Variables
  3. Anotacions de Tipus en Funcions
  4. Anotacions de Tipus en Objectes
  5. Exercicis Pràctics
  6. Conclusió

Introducció a les Anotacions de Tipus

Les anotacions de tipus permeten especificar el tipus de dades que una variable o funció ha de contenir. Això proporciona una capa addicional de seguretat i ajuda a evitar errors comuns de tipus.

Exemple Bàsic

let message: string = "Hola, TypeScript!";

En aquest exemple, message està anotat com a string, el que significa que només pot contenir cadenes de text.

Anotacions de Tipus en Variables

Sintaxi

La sintaxi per a les anotacions de tipus en variables és:

let variableName: type = value;

Exemples

let count: number = 10;
let isActive: boolean = true;
let username: string = "JohnDoe";

Anotacions de Tipus en Funcions

Paràmetres de Funció

Podeu especificar els tipus dels paràmetres d'una funció:

function greet(name: string): void {
    console.log("Hola, " + name);
}

Valor de Retorn

També podeu especificar el tipus del valor de retorn d'una funció:

function add(a: number, b: number): number {
    return a + b;
}

Exemples

function multiply(a: number, b: number): number {
    return a * b;
}

function isEven(num: number): boolean {
    return num % 2 === 0;
}

Anotacions de Tipus en Objectes

Podeu utilitzar anotacions de tipus per definir la forma d'un objecte.

Exemple

let user: { name: string, age: number } = {
    name: "Alice",
    age: 30
};

Exemples Avançats

Podeu definir tipus més complexos utilitzant interfícies o tipus personalitzats (veurem això en mòduls posteriors).

interface User {
    name: string;
    age: number;
    isAdmin: boolean;
}

let admin: User = {
    name: "Bob",
    age: 45,
    isAdmin: true
};

Exercicis Pràctics

Exercici 1

Creeu una variable productName de tipus string i assigneu-li el valor "Laptop".

// Solució
let productName: string = "Laptop";

Exercici 2

Escriviu una funció calculateArea que prengui dos paràmetres width i height de tipus number i retorni l'àrea com a number.

// Solució
function calculateArea(width: number, height: number): number {
    return width * height;
}

Exercici 3

Definiu un objecte car amb les propietats make (string), model (string) i year (number).

// Solució
let car: { make: string, model: string, year: number } = {
    make: "Toyota",
    model: "Corolla",
    year: 2020
};

Conclusió

Les anotacions de tipus són una eina poderosa en TypeScript que ajuden a assegurar la integritat del tipus de dades en el vostre codi. Hem vist com utilitzar anotacions de tipus en variables, funcions i objectes. Aquestes habilitats són fonamentals per escriure codi TypeScript robust i mantenible.

En el següent tema, explorarem com compilar el codi TypeScript per convertir-lo en JavaScript executable.

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