Annotations de type explicites
Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy. Leçon 11 sur 73.
Comprendre quand utiliser des annotations explicites plutôt que de se fier à l'inférence est crucial pour écrire du code TypeScript efficace.
Le scénario le plus courant nécessitant des annotations de type explicites est celui où vous déclarez une variable sans lui assigner immédiatement une valeur :
let score: number; // Doit spécifier le type explicitement
score = 85; // Assigner la valeur plus tardSans l'annotation explicite : number, TypeScript inférerait le type comme any, perdant ainsi tous les avantages de la sécurité de type. En déclarant explicitement le type, vous vous assurez que seules des valeurs numériques peuvent être affectées à cette variable ultérieurement.
Défi
FacileDéclarez une variable nommée totalScore avec le type explicite number sans lui assigner de valeur initiale.
À la ligne suivante, assignez la valeur 95 à la variable totalScore.
Ensuite, déclarez une autre variable nommée playerName avec le type explicite string sans lui assigner de valeur initiale.
À la ligne suivante, assignez la valeur "Alex" à la variable playerName.
Enfin, affichez les deux variables dans la console sur des lignes séparées, d'abord totalScore puis playerName.
Essayez vous-même
// TODO : Écrivez votre code ici
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
Toutes les leçons de Introduction à TypeScript
1Premiers pas avec TS
Qu'est-ce que TypeScript ?Pourquoi utiliser TypeScript ?Votre premier code TypeScriptProcessus de compilation et erreursRécapitulatif : Introduction à TS4Travailler avec les fonctions
Typage des paramètres et valeurs de retourTypage des fonctions fléchéesLe type de retour 'void'Paramètres optionnels avec '?'Valeurs par défaut des paramètresTypage des paramètres RestDéfinir des types de fonctionsRécapitulatif : Créer des fonctions typées
2Types fondamentaux
Types de base : str, num, booleanLe type 'any' : la porte de sortieLe type 'unknown'Travailler avec 'null' et 'undef'L'inférence de type en actionAnnotations de type explicitesRécapitulatif : Pratique des types fondamentaux5Types : Alias, Unions & Intersections
Alias de types pour les primitifsTypes d'union ('|')Travailler avec les types d'unionTypes littérauxTypes d'intersection ('&')Combiner des alias de typesRécapitulatif : Combinaisons de types avancées3Structure de données : Tableaux et Tuples
Tableaux typésModificateur 'readonly' pour les tableauxQu'est-ce qu'un tuple ?Déclaration et accès aux tuplesDéstructuration de tuplesTuples readonlyTableaux typés multidimensionnelsSpread operator avec les tableauxRécapitulatif : Tableaux et tuples6Typage des objets et interfaces
Annotations de type d'objet en ligneAlias de type pour les objetsIntroduction aux interfacesInterfaces vs Alias de typePropriétés optionnelles et ReadonlyÉtendre les interfaces et les typesAjout de méthodes aux interfacesRécapitulatif : Définir la structure des objetsEntraînez-vous par vous-même : Compilateur JavaScript en ligne