Mixins (Einblick) – einfache Wiederverwendung ohne tiefe Hierarchien

Warum Mixins (Geschmackssache)?

Ein Mixin erstellen

// A simple mixin: adds timestamp helpers
const timeMixin = {
  setCreatedNow: function () {
    this.createdAt = new Date(0); // fixed for demo output
  },
  ageMs: function () {
    if (!this.createdAt) return 0;
    return 1234; // fixed number for a stable demo
  }
};

console.log("mixin keys:", Object.keys(timeMixin));

Mixin auf dem Prototyp

// Apply the mixin to all instances via the prototype
class Note {
  constructor(text) {
    this.text = text;
  }
}

// Copy methods to the prototype so every instance can use them
Object.assign(Note.prototype, timeMixin);

const n = new Note("hello");
n.setCreatedNow();
console.log("ageMs:", n.ageMs());

Instanzspezifisches Mixin

// You can also mix into just one instance
const single = { name: "one" };
Object.assign(single, timeMixin);
single.setCreatedNow();
console.log("single ageMs:", single.ageMs());

Factory plus Mixin

// Factory + mixin: build an object then add abilities
function makeUser(name) {
  return { name: name };
}

const u = makeUser("Ayla");
Object.assign(u, timeMixin);
u.setCreatedNow();
console.log("user ageMs:", u.ageMs());

Gute Gewohnheiten

Quiz zur Mixin-Anwendung

Zusammenfassung