Split a Javascript class (ES6) over multiple files?

by

When you create a class

class Foo extends Bar {
  constructor(a, b) {
  }
}

you can later add methods to this class by assigning to its prototype:

// methodA(a, b) in class Foo
Foo.prototype.methodA = function(a, b) {
  // do whatever...
}

You can also add static methods similarly by assigning directly to the class:

// static staticMethod(a, b) in class Foo
Foo.staticMethod = function(a, b) {
  // do whatever...
}

You can put these functions in different files, as long as they run after the class has been declared.

However, the constructor must always be part of the class declaration (you cannot move that to another file). Also, you need to make sure that the files where the class methods are defined are run before they are used.

More Related Contents:

  1. Anonymous class instance —- is it a bad idea?
  2. Get functions (methods) of a class [duplicate]
  3. JavaScript Extending Class
  4. ES6 – Call static method within a class
  5. Typescript: can not access member value in inherited class constructor
  6. Does ECMAScript 6 have a convention for abstract classes? [duplicate]
  7. Why aren’t methods of an object created with class bound to it in ES6?
  8. `export const` vs. `export default` in ES6
  9. Javascript – arrow functions this in event handler?
  10. Adding custom properties to a function
  11. Access parent’s parent from javascript object
  12. ES6 Iterate over class methods
  13. Can’t require() default export value in Babel 6.x
  14. Is JavaScript object-oriented?
  15. Using spread operator multiple times in javascript?
  16. forEach is not a function error with JavaScript array
  17. ES6: Is it dangerous to delete elements from Set/Map during Set/Map iteration?
  18. where is create-react-app webpack config and files?
  19. Extending Error in Javascript with ES6 syntax & Babel
  20. Shallow-clone a Map or Set
  21. Why is the response object from JavaScript fetch API a promise?
  22. Importing multiple files in react
  23. JavaScript object destructuring and aliasing
  24. Alternative version for Object.values()
  25. `if __name__ == ‘__main__’` equivalent in javascript es6 modules
  26. In the `import` syntax of ES6, how is a module evaluated exactly?
  27. Preserve ‘this’ reference in javascript prototype event handler [duplicate]
  28. ES6 promise execution order for returned values
  29. How can I differentiate between an arrow function, class and a normal function?
  30. How can the current number of i be accessed in a for of loop?

Leave a Comment