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
number
numberEl tipus number representa tant nombres enters com de punt flotant. TypeScript no distingeix entre aquests dos tipus de nombres.
string
stringEl tipus string s'utilitza per representar cadenes de text.
boolean
booleanEl tipus boolean només pot tenir dos valors: true o false.
null i undefined
null i undefinedEls tipus null i undefined representen l'absència de valor.
any
anyEl 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.
Tipus Complexos
array
arrayEls arrays poden contenir una col·lecció de valors del mateix tipus. Es poden definir de dues maneres:
tuple
tupleLes tuples permeten definir arrays amb un nombre fix de elements de tipus específics.
enum
enumEls enumeracions (enum) permeten definir un conjunt de valors amb noms més descriptius.
object
objectEl tipus object representa qualsevol valor que no sigui un tipus primitiu (number, string, boolean, symbol, null, o undefined).
Exercicis Pràctics
Exercici 1
Defineix una variable productName de tipus string i assigna-li el valor "Laptop".
Exercici 2
Defineix una variable productPrice de tipus number i assigna-li el valor 999.99.
Exercici 3
Defineix una variable isAvailable de tipus boolean i assigna-li el valor true.
Exercici 4
Defineix una variable categories que sigui un array de string i assigna-li els valors ["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.
Curs de TypeScript
Mòdul 1: Introducció a TypeScript
- Què és TypeScript?
- Configuració de l'entorn de TypeScript
- Tipus bàsics
- Anotacions de tipus
- Compilació de TypeScript
Mòdul 2: Treballant amb Tipus
Mòdul 3: Tipus Avançats
Mòdul 4: Funcions i Mòduls
- Tipus de Funció
- Paràmetres Opcional i per Defecte
- Paràmetres Rest
- Mòduls i Espais de Noms
- Decoradors
Mòdul 5: Programació Asíncrona
Mòdul 6: Eines i Millors Pràctiques
- Linting i Formatació
- Proves de Codi TypeScript
- TypeScript amb Webpack
- TypeScript amb React
- Millors Pràctiques
