JavaScript Mittelstufe Tag 3: Objekte im Detail

Ziel dieses Tages

Heute lernst du:

• Wie du JavaScript-Objekte meisterst
• Objektmethoden und die Verwendung von this
• Destrukturierung von Objekten zum Extrahieren von Werten

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

Schritt 1: Objektmethoden

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 ermöglichen es Objekten, Verhalten zu besitzen

Schritt 2: Destrukturierung

Mit Destrukturierung kannst du Eigenschaften einfach 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

Erledige die folgenden Aufgaben:

• Erstelle ein Objekt mit einer Methode
• Verwende Destrukturierung, um seine Werte zu extrahieren

Beispiel:

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

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

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