L'inférence de type en action
Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy. Leçon 10 sur 73.
Lorsque vous initialisez une variable avec une valeur, TypeScript examine cette valeur et lui attribue automatiquement le type approprié :
let message = "Hello, World!"; // TypeScript infère : string
let count = 42; // TypeScript infère : number
let isActive = true; // TypeScript infère : booleanCette inférence de type offre la même sécurité de type que les annotations explicites, mais avec un code plus propre et plus lisible. TypeScript détectera toujours les erreurs de type si vous essayez de réassigner ces variables à des valeurs incompatibles.
L'inférence de type fonctionne parce que TypeScript analyse la valeur initiale au moment de l'assignation. Une valeur de type chaîne de caractères indique à TypeScript que la variable doit être de type string, une valeur numérique indique number, et ainsi de suite.
Défi
FacileCréez trois variables en utilisant l'inférence de type de TypeScript sans annotations de type explicites :
Déclarez une variable nommée companyName et initialisez-la avec la chaîne "TechCorp".
Déclarez une variable nommée employeeCount et initialisez-la avec le nombre 150.
Déclarez une variable nommée isPublic et initialisez-la avec la valeur booléenne false.
Affichez les trois variables dans la console sur des lignes distinctes dans l'ordre où elles ont été déclarées.
TypeScript inférera automatiquement les types corrects en fonction des valeurs initiales que vous attribuez à chaque variable.
Essayez vous-même
// TODO : Écrivez votre code ici
// Déclarez les trois variables avec leurs valeurs initiales
// N'oubliez pas d'utiliser l'inférence de type de TypeScript (aucune annotation de type explicite n'est nécessaire)
// Affichez les trois variables dans la console
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 : Playground TypeScript