JavaScript Mittelstufe Tag 3: Objekte im Detail

Ziel dieses Tages

Heute wirst du lernen:

• Wie du JavaScript-Objekte sicher beherrschst
• Objekt-Methoden und die Verwendung von this
• Destructuring zum einfachen Extrahieren von Werten

Am Ende wirst du effizient mit Objekten und deren Methoden arbeiten können.

Schritt 1: Objekt-Methoden

Objekte können Funktionen als Methoden enthalten:

const user = {
  name: "John",
  greet() {
    return "Hallo " + this.name;
  }
};

console.log(user.greet()); // Hallo John

Erklärung:

• this bezieht sich auf das aktuelle Objekt (user)
• Methoden geben Objekten Verhalten

Schritt 2: Destructuring

Destructuring erlaubt es dir, Eigenschaften einfach zu extrahieren:

const user = {
  name: "John",
  age: 25
};

const { name, age } = user;
console.log(name); // John
console.log(age);  // 25

Übung

const user = {
  name: "John",
  greet() {
    return "Hallo " + this.name;
  }
};

console.log(user.greet());

Aufgabe

Bearbeite folgendes:

• Erstelle ein Objekt mit einer Methode
• Nutze Destructuring, um Werte zu extrahieren

Beispiel:

const person = {
  name: "Alice",
  age: 30,
  sayHi() {
    return "Hallo, ich bin " + this.name;
  }
};

// Methode aufrufen
console.log(person.sayHi()); // Hallo, ich bin Alice

// Destructuring
const { name, age } = person;
console.log(name); // Alice
console.log(age);  // 30