Comment utiliser les types dans TypeScript expliqué aux débutants
TypeScript introduit le typage statique dans JavaScript, ce qui permet de détecter les erreurs lors du développement et d'améliorer la qualité du code. Cet article vous guidera à travers les bases de l'utilisation des types dans TypeScript, ce qui permettra aux débutants de comprendre plus facilement comment exploiter le système de types de TypeScript.
Que sont les types dans TypeScript ?
Les types dans TypeScript permettent de définir la forme et la structure des données. En spécifiant des types, vous garantissez que les variables, les paramètres de fonction et les valeurs de retour respectent les formats attendus. Cela peut éviter de nombreuses erreurs de programmation courantes.
Types de base
TypeScript fournit plusieurs types de base que vous pouvez utiliser pour définir des variables et des fonctions:
- Nombre: Représente des valeurs numériques.
- Chaîne: Représente des données textuelles.
- Booléen: Représente les valeurs vraies ou fausses.
- Tableau: Représente une collection de valeurs d’un type spécifique.
- Objet: Représente une collection de paires clé-valeur.
Exemple de nombre
let age: number = 30;
Exemple de chaîne
let name: string = "John Doe";
Exemple booléen
let isStudent: boolean = true;
Exemple de tableau
let scores: number[] = [85, 90, 78];
Exemple d'objet
let person: { name: string, age: number } = {
name: "Jane Doe",
age: 28
};
Inférence de type
TypeScript peut déduire automatiquement les types en fonction des valeurs attribuées. Cela signifie que vous n'avez pas toujours besoin de spécifier explicitement les types, même si cela peut améliorer la clarté du code.
Exemple d'inférence de type
let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'
Types personnalisés avec interfaces
Les interfaces dans TypeScript vous permettent de définir des types personnalisés avec une structure spécifique. Elles sont particulièrement utiles pour créer des objets complexes et garantir des formes cohérentes dans toute votre application.
Exemple d'interface
interface Person {
name: string;
age: number;
}
let employee: Person = {
name: "Alice",
age: 32
};
Types de syndicats
Les types d'union permettent à une variable de contenir des valeurs de plusieurs types. Cela peut être utile lorsqu'une valeur peut être de plusieurs types.
Exemple de type d'union
let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'
Alias de type
Les alias de type vous permettent de créer un nouveau nom pour un type. Cela peut être utile pour simplifier les définitions de type complexes.
Exemple d'alias de type
type ID = number | string;
let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid
Conclusion
L'utilisation de types dans TypeScript offre de nombreux avantages, notamment la détection précoce des erreurs, une meilleure lisibilité du code et une meilleure maintenabilité. En comprenant les types de base, l'inférence de type, les interfaces, les types d'union et les alias de type, vous pouvez commencer à exploiter TypeScript pour écrire du code plus robuste et plus fiable. Au fur et à mesure que vous gagnerez en expérience avec TypeScript, vous découvrirez des fonctionnalités et des modèles encore plus avancés qui peuvent encore améliorer votre processus de développement.