javascript - Multiple classes that have a different name but extends the same class

Question

I have for example this class:

abstract class MyClass {
  abstract myProp: number;

  constructor() {
    // Some code
  }
}

So I want to create multiple classes that extends this class. But I don't want to repeat it multiple times as I will have a lot of classes. So the purpose is that each class has a different name and myProp.

For example:

class FirstClass extends MyClass {
  myProp = 1;
  constructor() {
    super();
    // Some code
  }
}

class SecondClass extends MyClass {
  myProp = 2;
  constructor() {
    super();
    // Some code
  }
}

So I want to generate these classes (with for example a function) but the problem is that I will have to use the new keyword. So the usage for each of these classes should be like this:

const myConst = new FirstClass();
const myConst2 = new SecondClass();

I hope this makes some sense. I just don't want to repeat every class because it has a different name and myProp.

question from:https://stackoverflow.com/questions/65946853/multiple-classes-that-have-a-different-name-but-extends-the-same-class

Answer 1

You can create classes through a function that returns an anonymous class.

const createClass = ( prop: number ) => {
    return class extends MyClass {
        myProp: number;

        constructor () {
            super();
            this.myProp = prop;
        }
    }
}

const FirstClass = createClass(1);

const x = new FirstClass();
console.log(x.myProp);

Or check out the answers to these questions for ideas:

• ES6 Dynamic class names
• Create object from class name in JavasScript ECMAScript 6