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
number
El tipus number
representa tant nombres enters com de punt flotant. TypeScript no distingeix entre aquests dos tipus de nombres.
string
string
El tipus string
s'utilitza per representar cadenes de text.
boolean
boolean
El tipus boolean
només pot tenir dos valors: true
o false
.
null
i undefined
null
i undefined
Els tipus null
i undefined
representen l'absència de valor.
any
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.
Tipus Complexos
array
array
Els arrays poden contenir una col·lecció de valors del mateix tipus. Es poden definir de dues maneres:
tuple
tuple
Les tuples permeten definir arrays amb un nombre fix de elements de tipus específics.
enum
enum
Els enumeracions (enum
) permeten definir un conjunt de valors amb noms més descriptius.
object
object
El 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