@cherrypulp/mixin NPM

Mixin

In JavaScript we can only inherit from a single object. There can be only one [[Prototype]] for an object. And a class may extend only one other class. There’s a concept that can help here, called “mixins”.

Installation

npm install @cherrypulp/mixin

Quick start

Define a mixin

class FooTrait {
    static bar = 'bar';
    
    constructor() {
        this.baz = this.constructor.bar;
    }
    
    foo() {
        return this.baz;
    }
}

Use a mixin

class FooClass extends mixin(FooTrait) {}

const foo = new FooClass();
foo.foo(); // return "bar"

Be careful with names collision!

class FooClass extends mixin(FooTrait) {
    static bar = 'BAT';
    
    // or
    constructor() {
        super();
        this.baz = 'BAT';
    }
    
    // or
    foo() {
        return 'BAT';
    }
}

const foo = new FooClass();
foo.foo(); // return "BAT"