En aquest tema, aprendrem sobre els tipus bàsics en TypeScript. Els tipus bàsics són fonamentals per entendre com funciona TypeScript i com ens ajuda a escriure codi més segur i robust. A continuació, veurem els tipus més comuns i com utilitzar-los.

Tipus Primitus

  1. number

El tipus number representa tant nombres enters com de punt flotant. TypeScript no distingeix entre aquests dos tipus de nombres.

let age: number = 25;
let price: number = 19.99;

  1. string

El tipus string s'utilitza per representar cadenes de text.

let firstName: string = "John";
let greeting: string = `Hello, ${firstName}!`;

  1. boolean

El tipus boolean només pot tenir dos valors: true o false.

let isStudent: boolean = true;
let hasGraduated: boolean = false;

  1. null i undefined

Els tipus null i undefined representen l'absència de valor.

let emptyValue: null = null;
let notAssigned: undefined = undefined;

  1. any

El tipus any permet assignar qualsevol tipus de valor a una variable. És útil quan no es coneix el tipus de dada per endavant, però s'ha d'evitar en la mesura del possible per mantenir la seguretat de tipus.

let randomValue: any = 42;
randomValue = "Now it's a string";
randomValue = true;

Tipus Complexos

  1. array

Els arrays poden contenir una col·lecció de valors del mateix tipus. Es poden definir de dues maneres:

let numbers: number[] = [1, 2, 3, 4, 5];
let strings: Array<string> = ["one", "two", "three"];

  1. tuple

Les tuples permeten definir arrays amb un nombre fix de elements de tipus específics.

let person: [string, number] = ["Alice", 30];

  1. enum

Els enumeracions (enum) permeten definir un conjunt de valors amb noms més descriptius.

enum Color {
    Red,
    Green,
    Blue
}

let favoriteColor: Color = Color.Green;

  1. object

El tipus object representa qualsevol valor que no sigui un tipus primitiu (number, string, boolean, symbol, null, o undefined).

let person: { name: string, age: number } = {
    name: "Bob",
    age: 25
};

Exercicis Pràctics

Exercici 1

Defineix una variable productName de tipus string i assigna-li el valor "Laptop".

let productName: string = "Laptop";

Exercici 2

Defineix una variable productPrice de tipus number i assigna-li el valor 999.99.

let productPrice: number = 999.99;

Exercici 3

Defineix una variable isAvailable de tipus boolean i assigna-li el valor true.

let isAvailable: boolean = true;

Exercici 4

Defineix una variable categories que sigui un array de string i assigna-li els valors ["Electronics", "Computers"].

let categories: string[] = ["Electronics", "Computers"];

Exercici 5

Defineix una variable product que sigui un objecte amb les propietats name (string), price (number) i available (boolean).

let product: { name: string, price: number, available: boolean } = {
    name: "Laptop",
    price: 999.99,
    available: true
};

Resum

En aquest tema, hem après sobre els tipus bàsics en TypeScript, incloent-hi els tipus primitius (number, string, boolean, null, undefined, any) i els tipus complexos (array, tuple, enum, object). Aquests tipus ens ajuden a escriure codi més segur i clar, ja que TypeScript pot detectar errors de tipus durant la compilació. En el proper tema, explorarem les anotacions de tipus per especificar els tipus de les nostres variables i funcions de manera més detallada.

© Copyright 2024. Tots els drets reservats