Джастин Фагнани описывает очень чистый (imho) способ составления нескольких классов в один, используя тот факт, что в ES2015 классы могут быть созданы с помощью выражений класса .

Выражения против деклараций

В принципе, так же, как вы можете создать функцию с выражением:

function myFunction() {}      // function declaration
var myFunction = function(){} // function expression

, вы можете сделать то же самое с классами:

class MyClass {}             // class declaration
var MyClass = class {}       // class expression

Выражение оценивается во время выполнения, когда код выполняется, тогда как объявление выполняется заранее.

Использование выражений класса для создания mixins

Вы можете использовать это для создайте функцию, которая динамически создает класс только при вызове функции:

function createClassExtending(superclass) {
  return class AwesomeClass extends superclass {
    // you class body here as usual
  }
}

Приятная вещь в том, что вы можете заранее определить весь класс и только решить, какой класс он должен распространять на время, когда вы вызываете функцию:

class A {}
class B {}
var ExtendingA = createClassExtending(A)
var ExtendingB = createClassExtending(B)

Если вы хотите объединить несколько классов вместе, поскольку классы ES6 поддерживают только одно наследование, вам необходимо создать цепочку классов, которая содержит все классы, которые вы используете муравей смешивать вместе. Итак, скажем, вы хотите создать класс C, который расширяет оба A и B, вы могли бы сделать это:

class A {}
class B extends A {}
class C extends B {}  // C extends both A and B

Проблема в том, что он очень статичен. Если вы позже решите, что хотите сделать класс D, который расширяет B, но не A, у вас есть проблема.

. Но с помощью некоторых умных обманщиков, используя тот факт, что классы могут быть выражениями, вы можете решить это, создав A и B не непосредственно как классы, а как классные заводы (с использованием функций стрелок для краткости):

class Base {} // some base class to keep the arrow functions simple
var A = (superclass) => class A extends superclass
var B = (superclass) => class B extends superclass
var C = B(A(Base))
var D = B(Base)

Обратите внимание, как мы решаем в последний момент, какие классы включать в иерархию.

Помогите нам построить будущее!

Конечно, если вы похожи на меня, это вдохновляет вас на создание окончательной библиотеки для множественного наследования в Javascript. Если вы это сделаете, пожалуйста, помогите мне сделать именно это!

mics

mics (произносится: mix) - это библиотека, которая делает множественное наследование в Javascript - легкий ветерок. Вдохновленный отличным сообщением в блоге «Реальные» миксины с Javascript-классами Джастином Фагнани, mics пытается создать минимальную библиотеку вокруг концепции использования выражений класса (фабрик) в качестве mixins. mics расширяет концепции, представленные в блоге, создавая микшинов первоклассных граждан, которые могут быть непосредственно использованы для создания объектов и могут быть смешаны с другими миксинами, а не просто с классами.

blockquote>