Appearance
Les types
TypeScript est un langage fortement typé qui étend JavaScript en ajoutant des types. Cela permet aux développeurs de définir explicitement la nature des valeurs que les variables peuvent contenir, offrant ainsi une vérification des types au moment de la compilation et prévenant de nombreux types d'erreurs courants en JavaScript. Voici un aperçu des types de base en TypeScript et de leur utilisation :
Types Primitifs
Boolean :
- Représente une valeur vraie/fausse.
typescriptlet estValide: boolean = true;
Number :
- Comme en JavaScript, tous les nombres en TypeScript, qu'ils soient entiers ou à virgule flottante, sont de type
number
.
typescriptlet age: number = 25;
- Comme en JavaScript, tous les nombres en TypeScript, qu'ils soient entiers ou à virgule flottante, sont de type
String :
- Pour les textes et les chaînes de caractères.
typescriptlet nom: string = "Alice";
Array :
- Deux syntaxes pour définir des tableaux, avec le type des éléments.
typescriptlet nombres: number[] = [1, 2, 3]; let nombres2: Array<number> = [1, 2, 3];
Types Spéciaux
Any :
- Pour les valeurs dont le type n'est pas connu au moment de l'écriture du script. À utiliser avec prudence.
typescriptlet pasSur: any = 4; // Peut être de n'importe quel type
Void :
- L'opposé de
any
, pour les fonctions qui ne retournent rien.
typescriptfunction afficherMessage(): void { console.log("Hello!"); }
- L'opposé de
Null et Undefined :
- Semblable à leurs homologues en JavaScript, mais avec une utilisation plus stricte en mode strict.
typescriptlet u: undefined = undefined; let n: null = null;
Tuple :
- Un tableau avec un nombre fixe d'éléments dont les types sont connus, mais pas nécessairement les mêmes.
typescriptlet x: [string, number] = ["hello", 10];
Enum :
- Un moyen de donner des noms plus conviviaux à un ensemble de valeurs numériques.
typescriptenum Couleur {Rouge, Vert, Bleu} let c: Couleur = Couleur.Vert;
Unknown :
- Semblable à
any
, mais plus sûr car il nécessite une vérification de type pour être manipulé.
typescriptlet valeurInconnue: unknown = 4;
- Semblable à
Types Avancés
Union Types :
- Permet à une variable d'être de plusieurs types.
typescriptlet multiple: number | string; multiple = 20; // Valide multiple = "Vingt"; // Valide
Literal Types :
- Permet de définir des types avec des valeurs exactes.
typescriptlet texteExact: "Bonjour"; texteExact = "Bonjour"; // Valide
Type Assertions :
- Manière de dire à TypeScript que vous connaissez le type d'une valeur mieux que TypeScript.
typescriptlet maChaine: any = "Ceci est une chaîne"; let longueurDeChaine: number = (maChaine as string).length;
Types Génériques
- Utilisés pour créer des composants réutilisables.
typescript
function identite<T>(arg: T): T {
return arg;
}