Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Verwendung von Parameterobjekten | JavaScript-Klassen und Vererbung Meistern
Fortgeschrittene JavaScript-Beherrschung

bookVerwendung von Parameterobjekten

Wenn Klassen mehrere Daten benötigen, um ein Objekt zu initialisieren, kann die Verwaltung mehrerer einzelner Parameter schnell komplex und fehleranfällig werden.

Verwendung eines einzelnen Objekts als Parameter

Beim Erstellen komplexer Objekte kann das Übergeben mehrerer Parameter an einen Klassenkonstruktor umständlich und fehleranfällig werden. Eine elegante Lösung ist die Verwendung eines Parameterobjekts, bei dem ein einziges Objekt mit allen erforderlichen Eigenschaften übergeben wird. Dieser Ansatz sorgt für eine bessere Organisation des Codes und verringert das Fehlerrisiko, insbesondere wenn die Anzahl der Parameter steigt.

Man kann es sich vorstellen wie das Aufgeben einer Bestellung für ein maßgeschneidertes Auto. Anstatt dem Hersteller jedes Detail – wie Farbe, Motortyp, Innenmaterial und weitere Ausstattungsmerkmale – einzeln mitzuteilen, übergibt man ein Spezifikationsblatt (ein Objekt), das alle diese Details auf einmal enthält. Das ist effizienter und weniger fehleranfällig.

Anstatt mehrere Parameter im constructor zu definieren, akzeptiert man ein einzelnes Objekt, das alle für die Initialisierung benötigten Daten enthält.

12345678910111213141516171819202122
class Animal { constructor({ name, type, age, diet }) { this.name = name; this.type = type; this.age = age; this.diet = diet; } // Method to describe the animal getInfo() { return `${this.name} is a ${this.age}-year-old ${this.type} animal that follows a ${this.diet} diet.`; } } const lion = new Animal({ name: 'Lion', type: 'Wild', age: 12, diet: 'Carnivore', }); console.log(lion.getInfo()); // Output: Lion is a 12-year-old Wild animal that follows a Carnivore diet.
copy

In diesem Beispiel wird anstelle der Übergabe von name, type, age und diet als separate Parameter ein einziges Objekt an den constructor übergeben. Diese Methode erleichtert die Verwaltung der Klasse, insbesondere wenn die Anzahl der Eigenschaften zunimmt.

Vorteile der Übergabe eines Parameterobjekts

1. Lesbarkeit und Klarheit

Die Übergabe eines Objekts macht den Funktionsaufruf übersichtlicher. Es ist sofort ersichtlich, welche Werte zu welchen Eigenschaften gehören, ohne sich auf die Reihenfolge der Parameter verlassen zu müssen.

const pig = new Animal({
  name: 'Pig',
  type: 'Domestic',
  age: 18,
  diet: 'Omnivore',
});

Im Vergleich zu:

const pig = new Animal('Pig', 'Domestic', 18, 'Omnivore');

Wenn Sie im zweiten Beispiel mehrere Werte übergeben, ist nicht sofort ersichtlich, welche Werte zu welchen Eigenschaften gehören, ohne die Definition des constructor zu konsultieren. Der Ansatz mit dem Parameterobjekt verbessert die Übersichtlichkeit.

2. Flexibilität

Die Verwendung eines Parameterobjekts ermöglicht es, bestimmte Eigenschaften wegzulassen oder neue hinzuzufügen, ohne die Funktionssignatur zu ändern. Dies macht den Konstruktor anpassungsfähiger, insbesondere wenn optionale Parameter verarbeitet werden müssen.

const racoon = new Animal({
  name: 'Raccoon',
  age: 2,
});

In diesem Fall werden nur name und age ohne type oder diet übergeben. Wenn diese Eigenschaften in Ihrer Klasse optional sind, können Sie sie einfach verwalten, indem Sie Standardwerte festlegen oder sie undefiniert lassen.

1. Welche der folgenden Optionen zeigt die Verwendung eines Parameterobjekts in einem constructor korrekt?

2. Gegeben ist die folgende Klassendefinition. Wie wird ein neues Animal-Objekt namens rabbit mit nur name und age unter Verwendung eines Parameterobjekts instanziiert?

question mark

Welche der folgenden Optionen zeigt die Verwendung eines Parameterobjekts in einem constructor korrekt?

Select the correct answer

question mark

Gegeben ist die folgende Klassendefinition. Wie wird ein neues Animal-Objekt namens rabbit mit nur name und age unter Verwendung eines Parameterobjekts instanziiert?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 6

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

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

Awesome!

Completion rate improved to 2.22

bookVerwendung von Parameterobjekten

Swipe um das Menü anzuzeigen

Wenn Klassen mehrere Daten benötigen, um ein Objekt zu initialisieren, kann die Verwaltung mehrerer einzelner Parameter schnell komplex und fehleranfällig werden.

Verwendung eines einzelnen Objekts als Parameter

Beim Erstellen komplexer Objekte kann das Übergeben mehrerer Parameter an einen Klassenkonstruktor umständlich und fehleranfällig werden. Eine elegante Lösung ist die Verwendung eines Parameterobjekts, bei dem ein einziges Objekt mit allen erforderlichen Eigenschaften übergeben wird. Dieser Ansatz sorgt für eine bessere Organisation des Codes und verringert das Fehlerrisiko, insbesondere wenn die Anzahl der Parameter steigt.

Man kann es sich vorstellen wie das Aufgeben einer Bestellung für ein maßgeschneidertes Auto. Anstatt dem Hersteller jedes Detail – wie Farbe, Motortyp, Innenmaterial und weitere Ausstattungsmerkmale – einzeln mitzuteilen, übergibt man ein Spezifikationsblatt (ein Objekt), das alle diese Details auf einmal enthält. Das ist effizienter und weniger fehleranfällig.

Anstatt mehrere Parameter im constructor zu definieren, akzeptiert man ein einzelnes Objekt, das alle für die Initialisierung benötigten Daten enthält.

12345678910111213141516171819202122
class Animal { constructor({ name, type, age, diet }) { this.name = name; this.type = type; this.age = age; this.diet = diet; } // Method to describe the animal getInfo() { return `${this.name} is a ${this.age}-year-old ${this.type} animal that follows a ${this.diet} diet.`; } } const lion = new Animal({ name: 'Lion', type: 'Wild', age: 12, diet: 'Carnivore', }); console.log(lion.getInfo()); // Output: Lion is a 12-year-old Wild animal that follows a Carnivore diet.
copy

In diesem Beispiel wird anstelle der Übergabe von name, type, age und diet als separate Parameter ein einziges Objekt an den constructor übergeben. Diese Methode erleichtert die Verwaltung der Klasse, insbesondere wenn die Anzahl der Eigenschaften zunimmt.

Vorteile der Übergabe eines Parameterobjekts

1. Lesbarkeit und Klarheit

Die Übergabe eines Objekts macht den Funktionsaufruf übersichtlicher. Es ist sofort ersichtlich, welche Werte zu welchen Eigenschaften gehören, ohne sich auf die Reihenfolge der Parameter verlassen zu müssen.

const pig = new Animal({
  name: 'Pig',
  type: 'Domestic',
  age: 18,
  diet: 'Omnivore',
});

Im Vergleich zu:

const pig = new Animal('Pig', 'Domestic', 18, 'Omnivore');

Wenn Sie im zweiten Beispiel mehrere Werte übergeben, ist nicht sofort ersichtlich, welche Werte zu welchen Eigenschaften gehören, ohne die Definition des constructor zu konsultieren. Der Ansatz mit dem Parameterobjekt verbessert die Übersichtlichkeit.

2. Flexibilität

Die Verwendung eines Parameterobjekts ermöglicht es, bestimmte Eigenschaften wegzulassen oder neue hinzuzufügen, ohne die Funktionssignatur zu ändern. Dies macht den Konstruktor anpassungsfähiger, insbesondere wenn optionale Parameter verarbeitet werden müssen.

const racoon = new Animal({
  name: 'Raccoon',
  age: 2,
});

In diesem Fall werden nur name und age ohne type oder diet übergeben. Wenn diese Eigenschaften in Ihrer Klasse optional sind, können Sie sie einfach verwalten, indem Sie Standardwerte festlegen oder sie undefiniert lassen.

1. Welche der folgenden Optionen zeigt die Verwendung eines Parameterobjekts in einem constructor korrekt?

2. Gegeben ist die folgende Klassendefinition. Wie wird ein neues Animal-Objekt namens rabbit mit nur name und age unter Verwendung eines Parameterobjekts instanziiert?

question mark

Welche der folgenden Optionen zeigt die Verwendung eines Parameterobjekts in einem constructor korrekt?

Select the correct answer

question mark

Gegeben ist die folgende Klassendefinition. Wie wird ein neues Animal-Objekt namens rabbit mit nur name und age unter Verwendung eines Parameterobjekts instanziiert?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 1. Kapitel 6
some-alt