Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Apprendre Défi : Ajouter des Méthodes à une Classe | Classes
Maîtrise Avancée de JavaScript
course content

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
Introduction aux Événements et aux Écouteurs d'ÉvénementsL'Objet ÉvénementDéfi : Événements et Écouteurs d'ÉvénementsPropagation et Délégation d'ÉvénementsDéfi : Propagation et Délégation d'ÉvénementsÉvénements Clavier et SourisGestion des Écouteurs d'Événements
4. JavaScript Asynchrone et APIs
Introduction à JavaScript AsynchroneRappelsPromessesAsync/AwaitTravailler Avec les APIsIntégration Pratique de l'APIDéfi : Travailler Avec l'APITravailler avec des Bibliothèques TiercesDéfi : Travailler Avec des Bibliothèques TiercesGestion de Plusieurs Requêtes Asynchrones

book
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.

  1. Complétez les Définitions de Méthode :

    • Dans la classe Book existante, ajoutez une méthode appelée getInfo 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.

  2. Testez les Méthodes :

    • Une instance de Book nommée book1 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.


              
1234567891011121314151617181920212223

            
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.
copy

  • Définir une méthode nommée getInfo dans la classe Book ;

  • Dans la méthode getInfo , retourner une chaîne qui utilise this.title , this.author , et this.genre ;

  • Définir une méthode nommée updateGenre qui prend un paramètre, newGenre ;

  • Dans la méthode updateGenre , définir this.genre à newGenre ;

  • Appeler getInfo sur book1 pour enregistrer les informations initiales sur le livre;

  • Utiliser updateGenre sur book1 pour changer le genre en "Historical Fiction" ;

  • Appeler getInfo sur book1 à nouveau pour confirmer le genre mis à jour.


              
1234567891011121314151617181920212223

            
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.
copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 5

Demandez à l'IA

expand
ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

course content

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
Introduction aux Événements et aux Écouteurs d'ÉvénementsL'Objet ÉvénementDéfi : Événements et Écouteurs d'ÉvénementsPropagation et Délégation d'ÉvénementsDéfi : Propagation et Délégation d'ÉvénementsÉvénements Clavier et SourisGestion des Écouteurs d'Événements
4. JavaScript Asynchrone et APIs
Introduction à JavaScript AsynchroneRappelsPromessesAsync/AwaitTravailler Avec les APIsIntégration Pratique de l'APIDéfi : Travailler Avec l'APITravailler avec des Bibliothèques TiercesDéfi : Travailler Avec des Bibliothèques TiercesGestion de Plusieurs Requêtes Asynchrones

book
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.

  1. Complétez les Définitions de Méthode :

    • Dans la classe Book existante, ajoutez une méthode appelée getInfo 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.

  2. Testez les Méthodes :

    • Une instance de Book nommée book1 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.


              
1234567891011121314151617181920212223

            
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.
copy

  • Définir une méthode nommée getInfo dans la classe Book ;

  • Dans la méthode getInfo , retourner une chaîne qui utilise this.title , this.author , et this.genre ;

  • Définir une méthode nommée updateGenre qui prend un paramètre, newGenre ;

  • Dans la méthode updateGenre , définir this.genre à newGenre ;

  • Appeler getInfo sur book1 pour enregistrer les informations initiales sur le livre;

  • Utiliser updateGenre sur book1 pour changer le genre en "Historical Fiction" ;

  • Appeler getInfo sur book1 à nouveau pour confirmer le genre mis à jour.


              
1234567891011121314151617181920212223

            
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.
copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 1. Chapitre 5
Nous sommes désolés de vous informer que quelque chose s'est mal passé. Qu'est-il arrivé ?
some-alt