Pourquoi utiliser TypeScript ?
Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy. Leçon 2 sur 73.
TypeScript offre trois avantages majeurs qui rendent le développement plus sûr et plus efficace.
Détectez les erreurs tôt : La vérification de type statique de TypeScript détecte les erreurs pendant le développement, avant que votre code ne s'exécute. Cela évite des bugs qui pourraient n'apparaître que lorsque les utilisateurs interagissent avec votre application.
Considérez cette erreur JavaScript courante :
// JavaScript - ce bug ne sera pas détecté avant l'exécution
function calculateTotal(price, tax) {
return price + tax;
}
calculateTotal("50", 0.1); // Retourne "500.1" au lieu de 50.1 !Avec TypeScript, cette erreur est détectée immédiatement :
// TypeScript - erreur détectée pendant le développement
function calculateTotal(price: number, tax: number): number {
return price + tax;
}
calculateTotal("50", 0.1); // Erreur : L'argument de type 'string' n'est pas assignable au paramètre de type 'number'Meilleure lisibilité du code : Les annotations de type servent de documentation, permettant de clarifier le type de données que les fonctions attendent et renvoient. Cela vous aide, vous et vos coéquipiers, à comprendre le code plus rapidement.
Outils de développement améliorés : TypeScript permet une autocomplétion, un refactoring et une navigation de qualité supérieure dans les éditeurs de code. Votre éditeur sait exactement quelles propriétés et méthodes sont disponibles sur chaque variable.
Essayez vous-même
Cette leçon ne comprend pas de défi de code.
Cette 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ées2Types 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