Jak dodać mixiny do klas javascript ES6?

Question

W klasie ES6 z niektórymi zmiennymi i metodami instancji, jak dodać do niej mixin? Podałem przykład poniżej, choć nie wiem, czy składnia obiektu mixin jest poprawna.

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

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

Jeśli biegnę (new Test()).test(), to nie dlatego, że nie ma method2 na klasy, jak to jest w wstawek, dlatego muszę dodawać zmienne i metody wstawek do klasy.

Widzę, że istnieje funkcja "mieszanka" z domieszką https://lodash.com/docs/4.17.4#mixin, ale nie wiem, w jaki sposób mogę jej użyć z klasami ES6. Nie mam nic przeciwko używaniu aplikacji lodash do rozwiązania lub nawet zwykłego JS bez bibliotek, aby zapewnić funkcjonalność mixin.

Answer 1

System obiektów/właściwości JavaScript jest znacznie bardziej dynamiczny niż większość języków, więc bardzo łatwo dodać funkcjonalność do obiektu. Ponieważ funkcje są pierwszymi obiektami, można je dodać do obiektu dokładnie w ten sam sposób. Object.assign to sposób dodawania właściwości jednego obiektu do innego obiektu. (Jego zachowanie jest pod wieloma względami porównywalne z _.mixin.)

Klasy w JavaScript to tylko cukier syntaktyczny, który sprawia, że ​​dodawanie pary konstruktorów/prototypów jest łatwe i przejrzyste. Funkcjonalność nie zmieniła się z kodu sprzed ES6.

Możesz dodać obiekt do prototypu:

Object.assign(Test.prototype, mixin); 

Można dodać go w konstruktorze do każdego obiektu Utworzono:

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

Można dodać go w konstruktorze na podstawie warunku :

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

Lub możesz przypisać go do obiektu po jego utworzeniu:

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

Answer 2

Powinieneś prawdopodobnie spojrzeć na Object.assign(). Musi wyglądać tak:

Object.assign(Test.prototype, mixin); 

To sprawi, że wszystkie metody i właściwości z mixin zostaną skopiowane do obiektu prototypowego Test konstruktora.