Hallo,

ich beisse mir die Zähne aus an diesem kleinen Beispiel (auch chatGPT
half nicht :-) )
Ich möchte eine Funktion einer Klasse aufrufen, wo sowohl der
Klassenname als auch die Funktion der Klasse als Variablen übergeben werden:

class MyTest {
myTest(data){
console.log("innerhalb MyTest.myTest");
console.log(data);
}
}

const className = "MyTest";
const methodName = "myTest";
const myInstance = new window[className]();
//Ich bekomme hier bereits :Uncaught TypeError: window[className] is not
a constructor

myInstance[methodName](data);

Ein manuelles
const myInstance = new MyTest();
myInstance.myTest("testdaten");
funktioniert

Jan

Jan Novak <repcom@gmail.com> writes:
>Ich möchte eine Funktion einer Klasse aufrufen, wo sowohl der
>Klassenname als auch die Funktion der Klasse als Variablen
>übergeben werden:

Zeichenfolgen können natürlich mit "eval" ausgeführt werden.
Dies gilt allerdings als nicht besonders elegant und potentiell
unsicher, so daß es heute manchmal auch blockiert wird.

class MyTest
{ myTest( data )
{ console.log( "in MyTest.myTest" );
console.log( data ); }}

const className = "MyTest";

const methodName = "myTest";

eval( "new " + "MyTest" + "()." + "myTest" + "( \"Testdaten\" )" );

Die nächste Möglichkeit kommt ohne "eval" aus, aber sie verlangt
dafür nun ein zusätzliches Objekt "{ MyTest: MyTest }".

class MyTest
{ myTest( data )
{ console.log( "in MyTest.myTest" );
console.log( data ); }}

const className = "MyTest";

const methodName = "myTest";

const classes = { MyTest: MyTest }

const object = new classes[ className ]();

const method = object[ methodName ].bind( object );

method( "Testdaten" );

Anstelle von "classes[ className ]" könnte man auch
"( eval( className ))" schreiben.

Am 03.11.23 um 14:24 schrieb Stefan Ram:
> Jan Novak <repcom@gmail.com> writes:
>> Ich möchte eine Funktion einer Klasse aufrufen, wo sowohl der
>> Klassenname als auch die Funktion der Klasse als Variablen
>> übergeben werden:
>
> Zeichenfolgen können natürlich mit "eval" ausgeführt werden.
> Dies gilt allerdings als nicht besonders elegant und potentiell
> unsicher, so daß es heute manchmal auch blockiert wird.
....
> eval( "new " + "MyTest" + "()." + "myTest" + "( \"Testdaten\" )" );

OK, das behalte ich mal als Plan Bin der Hinterhand.

> Die nächste Möglichkeit kommt ohne "eval" aus, aber sie verlangt
> dafür nun ein zusätzliches Objekt "{ MyTest: MyTest }".

Aber dieses wäre doch statisch? Das will ich ja auf jeden Fall umgehen.
Oder kann ich dieses Objekt auch mit den Werten aus den "className" und
"methodName" setzen?

Jan

Jan Novak <repcom@gmail.com> writes:
>Aber dieses wäre doch statisch? Das will ich ja auf jeden Fall umgehen.
>Oder kann ich dieses Objekt auch mit den Werten aus den "className" und
>"methodName" setzen?

Wenn die Klassen in einem Modul stehen, das zum Beispiel unter
dem Pfad "./lib" erreichbar ist, dann könnte man "classes"
vielleicht auch etwas dynamischer mit

import * as classes from './lib';

definieren. Dies habe ich hier jedoch nicht getestet.

ram@zedat.fu-berlin.de (Stefan Ram) writes:
>Wenn die Klassen in einem Modul stehen

Wenn eine Klasse mit "class" definiert wird, dann steht ihr
Name nicht im globalen Objekt "window" beziehungsweise "this",
sondern im aktuellen Modul.

Falls Du auf Klassen zugreifen willst, deren Namen tatsächlich
in "this" eingetragen sind, wäre Deine ursprüngliche
Vorgehensweise mit "new window[className]();" verwendbar,
wie das folgende Beispiel zeigt.

class MyTest
{ myTest( data )
{ console.log( "in MyTest.myTest" );
console.log( data ); }}

const className = "MyTest";

const methodName = "myTest";

this[ className ]= MyTest

const object = new this[ className ]();

const method = object[ methodName ].bind( object );

method( "Testdaten" );

Am 03.11.2023 um 13:22 schrieb Jan Novak:
>     class MyTest {
>         myTest(data){
>             console.log("innerhalb MyTest.myTest");
>             console.log(data);
>         }
>     }
>
>     const className = "MyTest";
>     const methodName = "myTest";
>     const myInstance = new window[className]();
> //Ich bekomme hier bereits :Uncaught TypeError: window[className] is not
> a constructor

Was ist denn `window[className]`? Ist deine Klasse überhaupt im
window-Objekt enthalten, oder liegt die nur in einem lokalen Scope?

Die Browserkonsole sagt zumindest: `new window["Array"]()` funktioniert.

Stefan