Create object from class name in JavasScript ECMAScript 6

by

Don’t put class names on that object. Put the classes themselves there, so that you don’t have to rely on them being global and accessible (in browsers) through window.

Btw, there’s no good reason to make this factory a class, you would probably only instantiate it once (singleton). Just make it an object:

export class Column {}
export class Sequence {}
export class Checkbox {}

export const columnFactory = {
    specColumn: {
        __default: Column,    // <--
        __sequence: Sequence, // <--
        __checkbox: Checkbox  // <--
    },
    create(name, ...args) {
        let cls = this.specColumn[name] || this.specColumn.__default;
        return new cls(...args);
    }
};

More Related Contents:

  1. Call static methods from regular ES6 class methods
  2. Why and when do we need to bind functions and eventHandlers in React?
  3. How to clone a javascript ES6 class instance
  4. ES6 functions, arrow functions and ‘this’ in an ES6 class [duplicate]
  5. JSON stringify ES6 class property with getter/setter
  6. Getting a list of statics on an ES6 class
  7. Are ‘Arrow Functions’ and ‘Functions’ equivalent / interchangeable?
  8. What do multiple arrow functions mean in JavaScript?
  9. Map vs Object in JavaScript
  10. Why shouldn’t JSX props use arrow functions or bind?
  11. What are the precise semantics of block-level functions in ES6?
  12. ES6 arrow functions not working on the prototype?
  13. javascript extract certain properties from all objects in array
  14. Arrow Function in Object Literal [duplicate]
  15. Fulfill (don’t resolve) promise with another promise
  16. How do I merge two javascript objects together in ES6+?
  17. Destructuring in Node.JS
  18. Is it possible to sort a ES6 map object?
  19. ES6 modules in local files – The server responded with a non-JavaScript MIME type
  20. ES6 Class: access to ‘this’ with ‘addEventListener’ applied on method [duplicate]
  21. Extract certain properties from all objects in array
  22. What’s the purpose of allowing duplicate property names?
  23. Declare a class property outside of a class method
  24. How to get the first element of Set in ES6 ( EcmaScript 2015)
  25. Binding context when calling ES6 method. How to access object from within method called as callback?
  26. JavaScript asynchronous programming: promises vs generators
  27. Unnecessary ‘else’ after ‘return’. (No-else-return)
  28. using await on global scope without async keyword
  29. ES6 arrow function and lexical scope inside a function [duplicate]
  30. ESLint: “error Parsing error: The keyword ‘const’ is reserved”

Leave a Comment