Kursinhalt
Fortgeschrittene JavaScript-Meisterschaft
Fortgeschrittene JavaScript-Meisterschaft
1. Klassen
Willkommen Zum KursKlassendeklarationHerausforderung: Eine Klasse ErstellenKlassenmethodenHerausforderung: Methoden zu einer Klasse HinzufügenParameterobjektPrivate EigenschaftenHerausforderung: Implementierung Privater Properties in Einer KlasseGetter und SetterHerausforderung: Verwalten von Eigenschaften mit Getters und SettersStatische EigenschaftenStatische MethodenHerausforderung: Verwenden von Statischen Eigenschaften und Methoden in Einer KlasseVererbung mit Extends und Verwendung von Super()Herausforderung: Klassenvererbung mit extends und Verwendung von super
2. DOM-Manipulation
Was Ist das DOM?Abfragen des DOMHerausforderung: Abfragen des DOMVerstehen der DOM-HierarchieHerausforderung: DOM-HierarchieDOM-EigenschaftenArbeiten mit Element-AttributenHerausforderung: Arbeiten mit Element-Eigenschaften und -AttributenElemente HinzufügenElemente EntfernenHerausforderung: Hinzufügen und Entfernen von ElementenÄndern von ElementstilenHerausforderung: Ändern von Elementstilen
4. Asynchrones JavaScript und APIs
Herausforderung: Methoden zu einer Klasse Hinzufügen
Aufgabe
Sie arbeiten mit einer Book
-Klasse, die Bücher in einer Bibliothek darstellt. Jedes Buch hat einen Titel, einen Autor und ein Genre. Ihre Aufgabe ist es, dieser Klasse Methoden hinzuzufügen, um Informationen abzurufen und das Genre zu aktualisieren.
- Vervollständigen Sie die Methodendefinitionen:
- Fügen Sie der vorhandenen
Book
-Klasse eine Methode namensgetInfo
hinzu, die einen String im Format:"Title by Author is a Genre book."
zurückgibt; - Fügen Sie eine weitere Methode namens
updateGenre
hinzu, die einen Parameter,newGenre
, übernimmt und diegenre
-Eigenschaft des Buches aktualisiert.
- Fügen Sie der vorhandenen
- Testen Sie die Methoden:
- Eine Instanz von
Book
namensbook1
wurde bereits mit den Werten"The Great Gatsby"
,"F. Scott Fitzgerald"
und"Classic"
erstellt; - Rufen Sie
getInfo
auf, um Informationen über das Buch zu protokollieren; - Verwenden Sie
updateGenre
, um das Genre in"Historical Fiction"
zu ändern; - Rufen Sie
getInfo
erneut auf, um die Genre-Aktualisierung zu bestätigen.
- Eine Instanz von
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.
- Definiere eine Methode namens
getInfo
in derBook
-Klasse; - In der
getInfo
-Methode, gib einen String zurück, derthis.title
,this.author
undthis.genre
verwendet; - Definiere eine Methode namens
updateGenre
, die einen ParameternewGenre
annimmt; - In der
updateGenre
-Methode, setzethis.genre
aufnewGenre
; - Rufe
getInfo
aufbook1
auf, um die anfänglichen Informationen über das Buch zu protokollieren; - Verwende
updateGenre
aufbook1
, um das Genre in"Historical Fiction"
zu ändern; - Rufe
getInfo
erneut aufbook1
auf, um das aktualisierte Genre zu bestätigen.
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.
War alles klar?
Danke für Ihr Feedback!
Abschnitt 1. Kapitel 5