Class syntax with parametrized class name

Question

I want create classes dynamicaly in runtime, and I want parametrize the class name.

function newClass(className:string) {
   return class MyDynamicClass { }
}

// expected class name: "Person"
let personClass = newClass("Person")

// expected class name: "Contact"
let contactClass = newClass("Contact")

P.S.: The proposed duplicate question (ES6 Dynamic class names) is with wrong accepted answer and other answers does not fulfil my requirements.

@Dai It's usefull to see the descriptive class names in stack traces. its very helpful, if you see "Person.getContacts" instead of "DynamicClass.getContacts". Espetially in larger domain models. — TcKs, Dec 27 '21 at 13:11
@jcalz result is the same as mine. OP wants `personClass` to be `class SomeName {}` instead of just `class {}` — captain-yossarian from Ukraine, Dec 27 '21 at 21:34

score 0 · Answer 1 · answered Dec 27 '21 at 12:47

0

I don't think it is possible to make dynamic class name like here:

class [className] {}

It is not allowed. However, you can create an object with className property (class expression):

const newClass = (className: string) => ({
  [className]: class { }
}[className])

// expected class name: "Person"
let personClass = newClass("Person")
personClass.name // Person

I know, personClass returns class {} without name. I think this is the closest working solution.

answered Dec 27 '21 at 12:47

captain-yossarian from Ukraine

31,174
3
30
62

1

Thanks for your answer, but this is not what I'm looking for. – TcKs Dec 27 '21 at 15:50
1

You can try `eval` or `new Function` but ot is considered a bad practice – captain-yossarian from Ukraine Dec 27 '21 at 16:54

Class syntax with parametrized class name

1 Answers1