如何将mixins添加到ES6 javascript类？

Question

在带有一些实例变量和方法的ES6类中，如何向其添加mixin？我在下面给出了一个示例，尽管我不知道mixin对象的语法是否正确。

class Test {
  constructor() {
    this.var1 = 'var1'
  }
  method1() {
    console.log(this.var1)
  }
  test() {
    this.method2()
  }
}

var mixin = {
  var2: 'var2',
  method2: {
    console.log(this.var2)
  }
}

如果我运行(new Test()).test()，它将失败，因为method2类上没有任何内容，就像在mixin中一样，这就是为什么我需要将mixin变量和方法添加到类中的原因。

我看到有一个lodash
mixin函数https://lodash.com/docs/4.17.4#mixin，但是我不知道如何在ES6类中使用它。我可以使用lodash解决方案，甚至可以使用没有库来提供mixin功能的普通JS。

Answer 1

与大多数语言相比，Javascript的对象/属性系统具有更大的动态性，因此很容易向对象添加功能。由于函数是一类对象，因此可以完全相同的方式将它们添加到对象中。Object.assign是将一个对象的属性添加到另一个对象的方法。（它的行为在许多方面都可以与媲美_.mixin。）

Javascript中的类仅是语法糖，它使添加构造函数/原型对变得简单明了。该功能与ES6之前的代码相同。

您可以将属性添加到原型中：

Object.assign(Test.prototype, mixin);

您可以在构造函数中将其添加到创建的每个对象中：

constructor() {
    this.var1 = 'var1';
    Object.assign(this, mixin);
}

您可以根据条件将其添加到构造函数中：

constructor() {
    this.var1 = 'var1';
    if (someCondition) {
        Object.assign(this, mixin);
    }
}

也可以在创建对象后将其分配给对象：

let test = new Test();
Object.assign(test, mixin);