Variables et types de base de TypeScript simplifiés

TypeScript améliore JavaScript en ajoutant des types statiques, qui permettent de détecter les erreurs plus tôt et d'améliorer la qualité du code. Cet article simplifie les bases des variables et des types TypeScript, offrant une compréhension claire aux débutants.

Comprendre les variables dans TypeScript

En TypeScript, les variables sont déclarées de la même manière que JavaScript, mais avec l'avantage supplémentaire des annotations de type. Cela vous permet de spécifier le type de données qu'une variable doit contenir.

Déclaration des variables

Vous pouvez déclarer des variables en utilisant let, const et var. Cependant, let et const sont recommandés pour leurs fonctionnalités de portée de bloc.

let age: number = 25;
const name: string = "Alice";

Types de base dans TypeScript

TypeScript fournit plusieurs types de base pour définir le type de données qu'une variable peut contenir:

• Nombre: Représente des valeurs numériques, y compris des entiers et des nombres à virgule flottante.
• 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 count: number = 100;

Exemple de chaîne

let greeting: string = "Hello, World!";

Exemple booléen

let isActive: boolean = true;

Exemple de tableau

let scores: number[] = [90, 80, 70];

Exemple d'objet

let user: { name: string, age: number } = {
  name: "John",
  age: 30
};

Inférence de type

TypeScript peut déduire automatiquement le type d'une variable en fonction de sa valeur initiale. Cela signifie que vous n'avez pas toujours besoin de spécifier explicitement le type, même si cela peut rendre votre code plus clair.

Exemple d'inférence de type

let age = 25; // TypeScript infers 'age' as number
age = "hello"; // Error: Type 'string' is not assignable to type 'number'

Annotations typographiques

Les annotations de type vous permettent de définir explicitement le type d'une variable. Cela permet de garantir que les valeurs attribuées aux variables sont conformes au type attendu.

Exemple d'annotation de type

let isLoggedIn: boolean = false;

Conclusion

La compréhension des variables et des types est fondamentale pour utiliser efficacement TypeScript. En exploitant le système de types de TypeScript, vous pouvez écrire du code plus fiable et plus facile à gérer. Commencez par les types de base, explorez l'inférence de type et utilisez les annotations de type pour vous assurer que votre code adhère aux structures de données attendues.

Avec ces bases, vous êtes sur la bonne voie pour maîtriser TypeScript et exploiter tout son potentiel pour créer des applications robustes.