Multiple mixins by using extends/decorators/virtual methods/stamps

mixins-decorators.js

function hi() {
  console.log(`Hi ${this.name}!`);
}

function by() {
  console.log(`By ${this.name}!`);
}

function mixin(fn, name = fn.name) {
  return target => {
    target.prototype[name] = fn;
  };
}

@mixin(by)
@mixin(hi)
class Person {
  constructor(name) {
    this.name = name;
  }
}

const p = new Person("Michal");

p.hi(); // "Hi Michal!"
p.by(); // "By Michal!"

// Check decorators proposal https://github.com/wycats/javascript-decorators
// Check https://github.com/jayphelps/core-decorators.js if you are using decorators

mixins-extends.js

const HiMixin = Sup => class extends Sup {
  hi() {
    console.log(`Hi ${this.name}!`);
  }
};

const ByMixin = Sup => class extends Sup {
  by() {
    console.log(`By ${this.name}!`);
  }
};

class Person extends HiMixin(ByMixin(class {})) {
  constructor(name) {
    super(name);
    this.name = name;
  }
}

const p = new Person("Michal");

p.hi(); // "Hi Michal!"
p.by(); // "By Michal!"

mixins-stamps.js

import stampit from "stampit";

function hi() {
  console.log(`Hi ${this.name}!`);
}

function by() {
  console.log(`By ${this.name}!`);
}

const Person = stampit().methods({ hi, by });

const p = Person({ name: "Michal" });

p.hi(); // "Hi Michal!"
p.by(); // "By Michal!

mixins-virtual-methods.js

function hi() {
  console.log(`Hi ${this.name}!`);
}

function by() {
  console.log(`By ${this.name}!`);
}

function mixin(fn, name = fn.name) {
  return { ...this, [name]: fn };
}

const p = { name: "Michal" }::mixin(by)::mixin(hi);

p.hi(); // "Hi Michal!"
p.by(); // "By Michal!"