Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen Herausforderung: Eine Klasse Erstellen | Klassen
Fortgeschrittene JavaScript-Meisterschaft
course content

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
3. Ereignisse und Ereignisbehandlung
Einführung in Ereignisse und Ereignis-ListenerDas EreignisobjektHerausforderung: Ereignisse und Event-ListenerEreignisausbreitung und DelegierungHerausforderung: Ereignisausbreitung und DelegationTastatur- und MausereignisseVerwalten von Event-Listenern
4. Asynchrones JavaScript und APIs
Einführung in Asynchrones JavaScriptRückrufeVersprechenAsync/AwaitArbeiten mit APIsPraktische API-IntegrationHerausforderung: Arbeiten mit APIArbeiten Mit DrittanbieterbibliothekenHerausforderung: Arbeiten mit Drittanbieter-BibliothekenUmgang mit Mehreren Asynchronen Anfragen

book
Herausforderung: Eine Klasse Erstellen

Aufgabe

Sie erstellen ein System zur Verwaltung einer Autovermietungsflotte. Jedes Fahrzeug hat spezifische Details: die Marke, das Modell und das Baujahr. Erstellen Sie eine Vehicle-Klasse, um diese Details für jedes Auto darzustellen.

  1. Erstellen Sie die Klasse: Definieren Sie eine Klasse namens Vehicle;

  2. Fügen Sie einen Konstruktor hinzu: Innerhalb der Vehicle-Klasse:

    • Definieren Sie einen Konstruktor, der drei Parameter entgegennimmt: make, model und year;

    • Weisen Sie diese Parameter den Klassen-Eigenschaften zu.

  3. Erstellen und testen Sie Instanzen:

    • Erstellen Sie eine Vehicle-Instanz namens car1 mit den Werten "Toyota", "Camry" und 2020;

    • Erstellen Sie eine weitere Instanz namens car2 mit "Ford", "Mustang" und 2018;

    • Protokollieren Sie die Eigenschaften für jede Auto-Instanz.


              
1234567891011121314151617181920

            
class _____ {
  constructor(_____, _____, _____) {
    this._____ = _____;
    this._____ = _____;
    this._____ = _____;
  }
}

// Create instances
const car1 = new _____(_____, _____, _____);
const car2 = new _____(_____, _____, _____);

// Output the details
console.log(car1._____); // Expected: Toyota
console.log(car1._____); // Expected: Camry
console.log(car1._____); // Expected: 2020

console.log(car2._____); // Expected: Ford
console.log(car2._____); // Expected: Mustang
console.log(car2._____); // Expected: 2018
copy

  • Definieren Sie eine Klasse namens Vehicle;

  • Fügen Sie einen Konstruktor mit drei Parametern hinzu: make, model und year;

  • Weisen Sie im Konstruktor jedem Parameter eine Eigenschaft mit this zu;

  • Erstellen Sie eine Instanz von Vehicle namens car1 mit den Werten "Toyota", "Camry" und 2020;

  • Erstellen Sie eine weitere Instanz von Vehicle namens car2 mit den Werten "Ford", "Mustang" und 2018;

  • Verwenden Sie console.log(), um die Eigenschaften von car1 und car2 anzuzeigen.


              
1234567891011121314151617181920

            
class Vehicle {
  constructor(make, model, year) {
    this.make = make;
    this.model = model;
    this.year = year;
  }
}

// Create instances
const car1 = new Vehicle('Toyota', 'Camry', 2020);
const car2 = new Vehicle('Ford', 'Mustang', 2018);

// Output the details
console.log(car1.make); // Output: Toyota
console.log(car1.model); // Output: Camry
console.log(car1.year); // Output: 2020

console.log(car2.make); // Output: Ford
console.log(car2.model); // Output: Mustang
console.log(car2.year); // Output: 2018
copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 3

Fragen Sie AI

expand
ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

course content

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
3. Ereignisse und Ereignisbehandlung
Einführung in Ereignisse und Ereignis-ListenerDas EreignisobjektHerausforderung: Ereignisse und Event-ListenerEreignisausbreitung und DelegierungHerausforderung: Ereignisausbreitung und DelegationTastatur- und MausereignisseVerwalten von Event-Listenern
4. Asynchrones JavaScript und APIs
Einführung in Asynchrones JavaScriptRückrufeVersprechenAsync/AwaitArbeiten mit APIsPraktische API-IntegrationHerausforderung: Arbeiten mit APIArbeiten Mit DrittanbieterbibliothekenHerausforderung: Arbeiten mit Drittanbieter-BibliothekenUmgang mit Mehreren Asynchronen Anfragen

book
Herausforderung: Eine Klasse Erstellen

Aufgabe

Sie erstellen ein System zur Verwaltung einer Autovermietungsflotte. Jedes Fahrzeug hat spezifische Details: die Marke, das Modell und das Baujahr. Erstellen Sie eine Vehicle-Klasse, um diese Details für jedes Auto darzustellen.

  1. Erstellen Sie die Klasse: Definieren Sie eine Klasse namens Vehicle;

  2. Fügen Sie einen Konstruktor hinzu: Innerhalb der Vehicle-Klasse:

    • Definieren Sie einen Konstruktor, der drei Parameter entgegennimmt: make, model und year;

    • Weisen Sie diese Parameter den Klassen-Eigenschaften zu.

  3. Erstellen und testen Sie Instanzen:

    • Erstellen Sie eine Vehicle-Instanz namens car1 mit den Werten "Toyota", "Camry" und 2020;

    • Erstellen Sie eine weitere Instanz namens car2 mit "Ford", "Mustang" und 2018;

    • Protokollieren Sie die Eigenschaften für jede Auto-Instanz.


              
1234567891011121314151617181920

            
class _____ {
  constructor(_____, _____, _____) {
    this._____ = _____;
    this._____ = _____;
    this._____ = _____;
  }
}

// Create instances
const car1 = new _____(_____, _____, _____);
const car2 = new _____(_____, _____, _____);

// Output the details
console.log(car1._____); // Expected: Toyota
console.log(car1._____); // Expected: Camry
console.log(car1._____); // Expected: 2020

console.log(car2._____); // Expected: Ford
console.log(car2._____); // Expected: Mustang
console.log(car2._____); // Expected: 2018
copy

  • Definieren Sie eine Klasse namens Vehicle;

  • Fügen Sie einen Konstruktor mit drei Parametern hinzu: make, model und year;

  • Weisen Sie im Konstruktor jedem Parameter eine Eigenschaft mit this zu;

  • Erstellen Sie eine Instanz von Vehicle namens car1 mit den Werten "Toyota", "Camry" und 2020;

  • Erstellen Sie eine weitere Instanz von Vehicle namens car2 mit den Werten "Ford", "Mustang" und 2018;

  • Verwenden Sie console.log(), um die Eigenschaften von car1 und car2 anzuzeigen.


              
1234567891011121314151617181920

            
class Vehicle {
  constructor(make, model, year) {
    this.make = make;
    this.model = model;
    this.year = year;
  }
}

// Create instances
const car1 = new Vehicle('Toyota', 'Camry', 2020);
const car2 = new Vehicle('Ford', 'Mustang', 2018);

// Output the details
console.log(car1.make); // Output: Toyota
console.log(car1.model); // Output: Camry
console.log(car1.year); // Output: 2020

console.log(car2.make); // Output: Ford
console.log(car2.model); // Output: Mustang
console.log(car2.year); // Output: 2018
copy

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 3
Wir sind enttäuscht, dass etwas schief gelaufen ist. Was ist passiert?
some-alt