Alias de type pour les objets

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

TypeScript vous permet de créer un alias de type qui définit une forme réutilisable pour les objets.

Un alias de type utilise le mot-clé type pour créer une définition nommée pour une structure d'objet. Une fois défini, vous pouvez utiliser cet alias partout où vous avez besoin de cette forme d'objet spécifique :

type Product = {
  name: string;
  price: number;
  inStock: boolean;
};

let laptop: Product = {
  name: "Gaming Laptop",
  price: 1299,
  inStock: true
};

let phone: Product = {
  name: "Smartphone",
  price: 699,
  inStock: false
};

Défi

Facile

Créez un alias de type nommé Book pour un objet avec les propriétés suivantes :

title de type string
author de type string
pages de type number
isAvailable de type boolean

Créez un alias de type nommé Movie pour un objet avec les propriétés suivantes :

title de type string
director de type string
duration de type number
rating de type string

En utilisant vos alias de type, créez les variables suivantes :

Créez une variable nommée novel de type Book avec le titre "The Great Gatsby", l'auteur "F. Scott Fitzgerald", 180 pages, et isAvailable true
Créez une variable nommée textbook de type Book avec le titre "TypeScript Handbook", l'auteur "Microsoft", 450 pages, et isAvailable false
Créez une variable nommée film de type Movie avec le titre "Inception", le réalisateur "Christopher Nolan", une durée de 148, et le classement "PG-13"

Créez une fonction nommée getBookInfo qui accepte un paramètre de type Book et retourne une string au format "[title] by [author] - [pages] pages".

Créez une fonction nommée getMovieInfo qui accepte un paramètre de type Movie et retourne une string au format "[title] directed by [director] ([duration] min)".

Affichez les sorties suivantes sur des lignes distinctes :

Appelez getBookInfo avec novel et affichez le résultat
Appelez getBookInfo avec textbook et affichez le résultat
Appelez getMovieInfo avec film et affichez le résultat
Affichez le statut de disponibilité de novel (la propriété isAvailable)

Essayez vous-même

// À FAIRE : Écrivez votre code ici

// Créer des alias de type pour Book et Movie


// Créer des variables en utilisant les alias de type


// Créer des fonctions pour obtenir des informations


// Afficher les sorties requises