08 – Objekte 🧱

Daten und Verhalten kombinieren – der Weg zur objektorientierten Programmierung

🎯 1. Einleitung & W3Schools

In diesem Kapitel hast du gelernt, wie Objekte komplexe Daten strukturieren – mit Eigenschaften, Methoden und dem Schlüsselwort this.

🔗 W3Schools – JavaScript Objects

🧠 2. KI-Prompt-Training

Aufgabe: Formuliere einen Prompt, mit dem du KI um Hilfe bitten würdest, um zu erklären, wann man ein Array und wann ein Objekt verwendet – und wie man eine Methode in einem Objekt definiert, die auf andere Eigenschaften zugreift.

💡 Tipp: Fordere ein Schüler-Objekt mit Notendurchschnitt-Methode an.

📊 Aufgabe 1: Objekt vs. Array – Wann was?

Ein Mitschüler überlegt, wie er Schülerdaten speichern soll:

// Variante A: Array
const schuelerA = ["Anna", 16, "2AIT", [2, 3, 1]];

// Variante B: Objekt
const schuelerB = {
  name: "Anna",
  alter: 16,
  klasse: "2AIT",
  noten: [2, 3, 1]
};

Deine Aufgabe:

  1. Welche Variante ist lesbarer? Warum?
  2. Wie greifst du in jeder Variante auf das Alter zu? Welche ist weniger fehleranfällig?
  3. Was passiert, wenn du später die E-Mail-Adresse hinzufügen möchtest?
  4. Formuliere einen Prompt, der ein Schüler-Objekt mit Name, Alter, Klasse und Notenliste erstellt – und erklärt, warum ein Objekt hier besser geeignet ist als ein Array.

🔑 Aufgabe 2: this & Methoden – Warum funktioniert das nicht?

Gegeben ist folgender Code:

const rechteck = {
  breite: 5,
  hoehe: 3,
  flaeche: function() {
    return breite * hoehe; // Fehler!
  }
};

console.log(rechteck.flaeche());

Es kommt zu einem Fehler: breite is not defined.

Deine Aufgabe:

  1. Erkläre, warum der Fehler auftritt – mit Bezug auf den Gültigkeitsbereich.
  2. Verbessere die Methode, sodass sie funktioniert. Welches Schlüsselwort fehlt?
  3. Erstelle eine zweite Methode info(), die einen formatierten Text zurückgibt: "Rechteck 5×3 = 15 cm²".
  4. Formuliere einen Prompt, der ein Objekt mit Methoden erstellt – und sicherstellt, dass this korrekt verwendet wird.

📊 Beurteilungskriterien – Übung 08: Objekte

Deine Lösung wird anhand folgender Kriterien beurteilt – besonders im Fachgespräch. Markiere selbst ehrlich, wo du stehst:

Kriterium
Erfüllt

Teilweise

Nicht erfüllt
Verständnis von Objekten vs. Arrays:
Kannst du im Fachgespräch erklären, wann man ein Objekt und wann ein Array verwenden sollte – und warum Objekte für strukturierte Daten besser geeignet sind?
Umgang mit this und Methoden:
Verstehst du, warum this auf das aktuelle Objekt verweist, und kannst du Methoden korrekt definieren, die auf Eigenschaften zugreifen?
Qualität der Prompts:
Sind deine Prompts präzise formuliert, thematisch korrekt und vermeiden sie, KI um „fertigen Code“ zu bitten?
Eigene Reflexion:
Kannst du im Fachgespräch erklären, warum du deine Lösung gewählt hast – oder gibst du nur KI-Output ab?

⚠️ Hinweis: Im Fachgespräch wirst du gebeten, deine Lösung in eigenen Worten zu erklären. Wer nur KI-Code abgibt, kann die Fragen nicht beantworten.

🎓 Jetzt kannst du komplexe Daten strukturiert verwalten!

→ Zu Übung 09: DOM-Manipulation