javascript - Splitting up class definition in ES 6 / Harmony

Question

Suppose I have a class in one big file like this:

export default class {
  constructor () {}
  methodA () {}
  methodB () {}
  methodC () {}
}

And I want to break up the class definition so that methodA, methodB, and methodC are each defined in their own separate files. Is this possible?

Answer 1

You should be able to, as class is supposed to just be syntax sugar for the usual prototype workflow:

import methodOne from 'methodOne'
import methodTwo from 'methodTwo'

class MyClass {
  constructor() {
  }
}

Object.assign(MyClass.prototype, {methodOne, methodTwo})

export default MyClass