Contenu du cours
Maîtrise Avancée de JavaScript
Maîtrise Avancée de JavaScript
1. Classes
Bienvenue dans le CoursDéclaration de ClasseDéfi : Construire une ClasseMéthodes de ClasseDéfi : Ajouter des Méthodes à une ClasseObjet ParamètrePropriétés PrivéesDéfi : Implémentation de Propriétés Privées dans une ClasseAccesseurs et MutateursDéfi : Gestion des Propriétés avec Getters et SettersPropriétés StatiquesMéthodes StatiquesDéfi : Utilisation des Propriétés et Méthodes Statiques dans une ClasseHéritage avec Extends et Utilisation de super()Défi : Héritage de Classe avec Extends et Utilisation de Super
2. Manipulation du DOM
Qu'est-ce Que le DOM?Interroger le DOMDéfi : Interroger le DOMComprendre la Hiérarchie du DOMDéfi : Hiérarchie DOMPropriétés Du DOMTravailler Avec les Attributs des ÉlémentsDéfi : Travailler Avec les Propriétés et Attributs des ÉlémentsAjouter des ÉlémentsSuppression des ÉlémentsDéfi : Ajouter et Supprimer des ÉlémentsModifier les Styles des ÉlémentsDéfi : Modifier les Styles des Éléments
3. Événements et Gestion des Événements
4. JavaScript Asynchrone et APIs
Défi : Ajouter des Méthodes à une Classe
Tâche
Vous travaillez avec une classe Book
qui représente des livres dans une bibliothèque. Chaque livre a un titre, un auteur et un genre. Votre tâche est d'ajouter des méthodes à cette classe pour récupérer des informations et mettre à jour le genre.
- Complétez les Définitions de Méthode :
- Dans la classe
Book
existante, ajoutez une méthode appeléegetInfo
qui retourne une chaîne au format :"Title by Author is a Genre book."
; - Ajoutez une autre méthode nommée
updateGenre
qui prend un paramètre,newGenre
, et met à jour la propriétégenre
du livre.
- Dans la classe
- Testez les Méthodes :
- Une instance de
Book
nomméebook1
a déjà été créée avec les valeurs"The Great Gatsby"
," F. Scott Fitzgerald"
, et"Classic"
; - Appelez
getInfo
pour enregistrer des informations sur le livre; - Utilisez
updateGenre
pour changer le genre en"Historical Fiction"
; - Appelez
getInfo
à nouveau pour confirmer la mise à jour du genre.
- Une instance de
class Book { constructor(title, author, genre) { this.title = title; this.author = author; this.genre = genre; } _____() { return `${this._____} by ${this._____} is a ${this._____} book.`; } _____(_____) { this._____ = _____; } } // Instance const book1 = new Book('The Great Gatsby', 'F. Scott Fitzgerald', 'Classic'); // Test the methods console.log(book1._____()); // Expected: The Great Gatsby by F. Scott Fitzgerald is a Classic book. book1._____(_____); // Update genre console.log(book1._____()); // Expected: The Great Gatsby by F. Scott Fitzgerald is a Historical Fiction book.
- Définir une méthode nommée
getInfo
dans la classeBook
; - Dans la méthode
getInfo
, retourner une chaîne qui utilisethis.title
,this.author
, etthis.genre
; - Définir une méthode nommée
updateGenre
qui prend un paramètre,newGenre
; - Dans la méthode
updateGenre
, définirthis.genre
ànewGenre
; - Appeler
getInfo
surbook1
pour enregistrer les informations initiales sur le livre; - Utiliser
updateGenre
surbook1
pour changer le genre en"Historical Fiction"
; - Appeler
getInfo
surbook1
à nouveau pour confirmer le genre mis à jour.
class Book { constructor(title, author, genre) { this.title = title; this.author = author; this.genre = genre; } getInfo() { return `${this.title} by ${this.author} is a ${this.genre} book.`; } updateGenre(newGenre) { this.genre = newGenre; } } // Instance const book1 = new Book('The Great Gatsby', 'F. Scott Fitzgerald', 'Classic'); // Test the methods console.log(book1.getInfo()); // Output: The Great Gatsby by F. Scott Fitzgerald is a Classic book. book1.updateGenre('Historical Fiction'); // Update genre console.log(book1.getInfo()); // Output: The Great Gatsby by F. Scott Fitzgerald is a Historical Fiction book.
Tout était clair ?
Merci pour vos commentaires !
Section 1. Chapitre 5