How to create a dynamic constructor name

Question

I have some classes I want to extend and I want the new classes to have their parent class's name with a prefix. I want to do this in a single place in a single function.

Pseudo-code:

function getChildClass(parentConstructor) {
    return class `ChildOf${parentConstructor.name}` {
        constructor() { /*some common logic*/ }
    }
}

This is a syntax error, however.

This is purely for aesthetic reasons. I just want the names to reflect the parent class they extend when they show up during debugging.

Similar question: [Dynamic class names](https://stackoverflow.com/questions/33605775/es6-dynamic-class-names) — Álvaro González, May 17 '20 at 14:53

score 0 · Answer 1 · answered May 17 '20 at 14:54

let libs = {}
function init(constructorName) {
 libs[constructorName] = function () { return this}
 return libs
}
init('canvasInstruction')
new libs.canvasInstrucion()

You have to define what that function is and what it does. But as long as it returns a class or a function returning this, you can have flexible constructors.

How to create a dynamic constructor name

1 Answers1