Menu
CoddyTech
COMMENCER À APPRENDRE
flag Fr iconFrançaisdown icon

Récapitulatif : Définir la structure des objets

Fait partie de la section Introduction à TypeScript du Journey JavaScript de Coddy. Leçon 44 sur 73.

challenge icon

Défi

Facile

Créez une interface nommée Computer avec les propriétés et méthodes suivantes :

  • id de type number (readonly)
  • brand de type string
  • ramInGB de type number (optionnel)
  • isLaptop de type boolean
  • La méthode boot qui ne prend aucun paramètre et retourne void

Créez une interface nommée Server avec les propriétés et méthodes suivantes :

  • hostname de type string (readonly)
  • operatingSystem de type string
  • maxConnections de type number (optionnel)
  • isOnline de type boolean
  • La méthode restart qui ne prend aucun paramètre et retourne void
  • La méthode getStatus qui ne prend aucun paramètre et retourne un string

En utilisant vos interfaces, créez les variables suivantes :

  • Créez une variable nommée workstation de type Computer avec l'id 1001, la marque "Dell", ramInGB 16, isLaptop false, et une méthode boot qui affiche "Dell workstation is booting up..."
  • Créez une variable nommée laptop de type Computer avec l'id 1002, la marque "MacBook", isLaptop true, et une méthode boot qui affiche "MacBook laptop is starting..."
  • Créez une variable nommée webServer de type Server avec le hostname "web-01", operatingSystem "Ubuntu", maxConnections 1000, isOnline true, une méthode restart qui affiche "Restarting web-01 server...", et une méthode getStatus qui retourne "web-01 is online"

Créez une fonction nommée checkComputerSpecs qui accepte un paramètre de type Computer et retourne un string. La fonction doit retourner la marque et le type de l'ordinateur au format "[brand] [laptop/desktop]" (utilisez "laptop" si isLaptop est vrai, sinon utilisez "desktop").

Créez une fonction nommée getServerInfo qui accepte un paramètre de type Server et retourne un string au format "[hostname] runs [operatingSystem]".

Affichez les sorties suivantes sur des lignes séparées :

  • Appelez la méthode boot sur workstation
  • Appelez la méthode boot sur laptop
  • Appelez checkComputerSpecs avec workstation et affichez le résultat
  • Appelez checkComputerSpecs avec laptop et affichez le résultat
  • Appelez la méthode getStatus sur webServer et affichez le résultat
  • Appelez getServerInfo avec webServer et affichez le résultat
  • Affichez l'id de workstation
  • Appelez la méthode restart sur webServer

Essayez vous-même

// TODO: Écrivez votre code ici
// Créer l'interface Computer avec les propriétés et méthodes requises
// Créer l'interface Server avec les propriétés et méthodes requises
// Créer les variables workstation, laptop, et webServer
// Créer les fonctions checkComputerSpecs et getServerInfo
// Afficher toutes les sorties requises

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 à TS

4Travailler 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

7Projet : Une liste de tâches simple

Projet : Définir la struct TaskFonction pour ajouter une tâcheLeçon de projetFonction pour modifier le statut d'une tâcheLeçon de projetFonction : Lister les tâches par statutLeçon de projetFonction : Afficher le résumé des tâchesLeçon de projetAssembler le toutLeçon de projet

10Projet : Gestion d'inventaire

Projet : Article d'inventaire génériqueFonction : Ajouter des articles à l'inventaireLeçon de projetFonction pour trouver un article par IDLeçon de projetCréer un type d'inventaire spécifiqueLeçon de projetFonction pour obtenir les détails de l'articleLeçon de projet

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 fondamentaux

5Types : 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ées

8Énumérations

Qu'est-ce qu'une énumération numérique ?Utiliser les énumérations numériquesQu'est-ce qu'une énumération de chaînes ?Utiliser les énumérations de chaînesÉnumérations hétérogènesRécapitulatif : Utiliser les énumérations

11Sujets avancés

Assertions de typeType Guards : in & instanceofLe type 'never'Types nullables ('strictNull')Signatures d'index pour les objetsRécapitulatif : Affiner les types

3Structure 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 tuples

6Typage 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 objets

9Les génériques : un premier aperçu

Le problème résolu par les génériquesCréer une fonction d'identité génériqueUtiliser une fonction génériqueTableaux génériquesInterfaces génériquesRécapitulatif : Pratique des fonctions génériques

Entraînez-vous par vous-même : Playground TypeScript