freeCodeCamp/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7db2367417b2b2512b89	Verwende ein Mixin, um gemeinsames Verhalten zwischen unverbundenen Objekten hinzuzufügen	1	301331	use-a-mixin-to-add-common-behavior-between-unrelated-objects

--description--

Wie du gesehen hast, wird das Verhalten durch Vererbung geteilt. Es gibt jedoch Fälle, in denen die Vererbung nicht die beste Lösung ist. Die Vererbung funktioniert nicht gut für nicht verwandte Objekte wie Vogel (Bird) und Flugzeug (Airplane). Sie können beide fliegen, aber ein Bird ist kein Typ von Airplane und andersherum.

Für nicht verwandte Objekte ist es besser, Mixins zu verwenden. Ein Mixin ermöglicht es anderen Objekten, eine Sammlung von Funktionen zu nutzen.

let flyMixin = function(obj) {
  obj.fly = function() {
    console.log("Flying, wooosh!");
  }
};

Das flyMixin nimmt ein beliebiges Objekt und gibt ihm die Methode fly.

let bird = {
  name: "Donald",
  numLegs: 2
};

let plane = {
  model: "777",
  numPassengers: 524
};

flyMixin(bird);
flyMixin(plane);

Hier werden bird und plane an flyMixin übergeben, das dann jedem Objekt die Funktion fly zuweist. Jetzt können bird und plane beide fliegen:

bird.fly();
plane.fly();

Die Konsole würde den String Flying, wooosh! zweimal anzeigen, einmal für jeden .fly()-Aufruf.

Beachte, wie das Mixin es ermöglicht, dieselbe Methode fly für die nicht verwandten Objekte bird und plane wiederzuverwenden.

--instructions--

Erstelle ein Mixin namens glideMixin, das eine Methode namens glide definiert. Verwende dann das glideMixin, um sowohl bird als auch boat die Fähigkeit zu geben, zu gleiten.

--hints--

Dein Code sollte eine Variable glideMixin deklarieren, die eine Funktion ist.

assert(typeof glideMixin === 'function');

Dein Code sollte glideMixin auf das bird-Objekt anwenden, um ihm die Methode glide zu geben.

assert(typeof bird.glide === 'function');

Dein Code sollte glideMixin auf das boat-Objekt anwenden, um ihm die Methode glide zu geben.

assert(typeof boat.glide === 'function');

--seed--

--seed-contents--

let bird = {
  name: "Donald",
  numLegs: 2
};

let boat = {
  name: "Warrior",
  type: "race-boat"
};

// Only change code below this line

--solutions--

let bird = {
  name: "Donald",
  numLegs: 2
};

let boat = {
  name: "Warrior",
  type: "race-boat"
};
function glideMixin (obj) {
  obj.glide = () => 'Gliding!';
}

glideMixin(bird);
glideMixin(boat);