Ce didacticiel poursuit notre série de débutants TypeScript, en s'appuyant sur les introductions précédentes aux fonctionnalités, à l'installation et aux suggestions IDE. Le deuxième tutoriel a couvert les types de données TypeScript et leurs avantages de prévention des erreurs.

Cette partie se concentre sur les interfaces. Nous explorerons comment les interfaces, comme x et point (avec width , et cuboid (extension point avec la longueur et hauteur ), aidez les structures d'objets. L'exemple cuboid démontre la spécification des valeurs pour toutes les propriétés et l'utilisation d'une fonction pour calculer le volume.

Il est crucial de noter que les interfaces sont une fonctionnalité spécifique à la typeScript, absente en javascript. La compilation du code TypeScript se traduit par l'équivalent JavaScript suivant:

function volumeCuboid(cuboid) {
    let volume = cuboid.length * cuboid.width * cuboid.height;
    console.log(`Volume: ${volume}`);
}

let cuboid = { x: -22, y: 28, width: 12, length: 32, height: 20 };

volumeCuboid(cuboid);
// Volume: 7680

Le tutoriel aborde également les types d'intersection, les contrastant avec l'extension d'interface. Nous examinons comment créer un RoundDrectangle en utilisant les types existants, en mettant en évidence les différences entre la fusion de plusieurs déclarations d'interface (autorisées) et redéclater les types (résultant en erreurs).

clés à emporter:

Ce tutoriel fournit une base dans les interfaces de typeScript, mettant l'accent sur leur rôle dans l'écriture de code robuste. Vous avez appris à créer des interfaces avec des propriétés facultatives et en lecture seule et à utiliser des signatures d'index pour ajouter des propriétés dynamiques au-delà de la définition initiale de l'interface. Pour une compréhension plus approfondie, reportez-vous à la documentation officielle de type.

Le prochain tutoriel se plongera dans les classes TypeScript.