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.